upgrade gatsby from 3.3 to 3.5 breaks webpack compilation in develop #31472

cameronbraid · 2021-05-19T04:51:42Z

cameronbraid
May 19, 2021

running gatsby develop

 ERROR 

(node:39580) [DEP_WEBPACK_MAIN_TEMPLATE_OUTPUT_OPTIONS] DeprecationWarning: MainTemplate.outputOptions is deprecated (use Compilation.outputOptions instead)


 ERROR 

(node:39580) [DEP_WEBPACK_MAIN_TEMPLATE_REQUIRE] DeprecationWarning: MainTemplate.hooks.require is deprecated (use JavascriptModulesPlugin.getCompilationHooks().renderRequire instead)


 ERROR 

(node:39580) [DEP_WEBPACK_COMPILATION_NORMAL_MODULE_LOADER_HOOK] DeprecationWarning: Compilation.hooks.normalModuleLoader was moved to NormalModule.getCompilationHooks(compilation).loader


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.


 ERROR #98124  WEBPACK

Generating development JavaScript bundle failed

undefined

If you're trying to use a package make sure that 'undefined' is installed. If you're trying to use a local file make sure that the path is correct.

failed Building development bundle - 5.343s
ERROR in commons
Module not found: TypeError: Cannot read property 'indexOf' of undefined

ERROR in commons
Module not found: TypeError: Cannot read property 'indexOf' of undefined

ERROR in commons
Module not found: TypeError: Cannot read property 'indexOf' of undefined

ERROR in polyfill
Module not found: TypeError: Cannot read property 'indexOf' of undefined

ERROR in polyfill
Module not found: TypeError: Cannot read property 'indexOf' of undefined

ERROR in polyfill
Module not found: TypeError: Cannot read property 'indexOf' of undefined

webpack compiled with 6 errors

have tried gatsby clean without any luck

gatsby build works fine

Answered by cameronbraid

Jul 14, 2021

I found that having storybook packages installed created this issue, as removing them fixes it for 3.9

    "@storybook/addon-actions": "^6.2.8",
    "@storybook/addon-essentials": "^6.2.8",
    "@storybook/addon-links": "^6.2.8",
    "@storybook/react": "^6.2.8",

It is strange that with those packages installed the @pmmmwh/react-refresh-webpack-plugin plugin is being picked up by gatsby even though I don't explicitly configure it

View full answer

KyleAMathews · 2021-05-19T05:25:33Z

KyleAMathews
May 19, 2021

The actual error is getting swallowed. Can you edit node_modules/gatsby/dist/utils/webpack-error-utils.js line 20 to add console.log(webpackError) and report back what it says?

3 replies

cameronbraid May 20, 2021
Author

ModuleNotFoundError: Module not found: TypeError: Cannot read property 'indexOf' of undefined
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/Compilation.js:1765:28
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:730:13
    at eval (eval at create (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:8:1)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:288:23
    at Hook.eval [as callAsync] (eval at create (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:287:30
    at eval (eval at create (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:550:7
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:117:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:582:8
    at NormalModuleFactory.resolveRequestArray (/media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:933:34)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:574:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:117:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:654:8
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:804:5
    at finishResolved (/media/workspace/drivenow-octane/node_modules/enhanced-resolve/lib/Resolver.js:278:11)

cameronbraid May 20, 2021
Author

I also added a console.log in node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js line 40

this.contentWithInterceptors({
	onError: err => `console.log(${err}); _callback(${err});\n`,
	onResult: result => `_callback(null, ${result});\n`,
	onDone: () => "_callback();\n"
})

which produced a few errors which seem unrelated (Cache miss), however this one stands out

TypeError: Cannot read property 'indexOf' of undefined
    at RegExp.includeRegex.test (/media/workspace/drivenow-octane/node_modules/gatsby/src/utils/webpack.config.js:841:47)
    at Object.ModuleFilenameHelpers.matchPart
(/media/workspace/drivenow-octane/node_modules/gatsby/node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/webpack/lib/ModuleFilenameHelpers.js:158:15)
    at ModuleFilenameHelpers.matchObject
(/media/workspace/drivenow-octane/node_modules/gatsby/node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/webpack/lib/ModuleFilenameHelpers.js:169:30)
    at injectRefreshLoader (/media/workspace/drivenow-octane/node_modules/gatsby/node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/utils/injectRefreshLoader.js:20:5)
    at /media/workspace/drivenow-octane/node_modules/gatsby/node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/index.js:208:24
    at Hook.eval [as callAsync] (eval at create (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:7:16)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:287:30
    at eval (eval at create (/media/workspace/drivenow-octane/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:550:7
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:117:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:582:8
    at NormalModuleFactory.resolveRequestArray (/media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:933:34)
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:574:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:117:11
    at /media/workspace/drivenow-octane/node_modules/webpack/lib/NormalModuleFactory.js:654:8

cameronbraid May 20, 2021
Author

So could it be webpack.config.js with modulePath being undefined

    includeRegex.test = modulePath => {
      // drop query param from request (i.e. ?type=component for mdx-loader)
      // so loader rule test work well
      const queryParamStartIndex = modulePath.indexOf(`?`);

      if (queryParamStartIndex !== -1) {
        modulePath = modulePath.substr(0, queryParamStartIndex);
      }

      return fastRefreshIncludes.some(re => re.test(modulePath));
    };

cameronbraid · 2021-07-14T11:08:45Z

cameronbraid
Jul 14, 2021
Author

I found that having storybook packages installed created this issue, as removing them fixes it for 3.9

    "@storybook/addon-actions": "^6.2.8",
    "@storybook/addon-essentials": "^6.2.8",
    "@storybook/addon-links": "^6.2.8",
    "@storybook/react": "^6.2.8",

It is strange that with those packages installed the @pmmmwh/react-refresh-webpack-plugin plugin is being picked up by gatsby even though I don't explicitly configure it

1 reply

gabrielcsapo Jul 15, 2021

Pinning the latest webpack to @5 works as well.

  "resolutions": {
    "webpack": "^5.44.0"
  },

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

upgrade gatsby from 3.3 to 3.5 breaks webpack compilation in develop #31472

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments 4 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

upgrade gatsby from 3.3 to 3.5 breaks webpack compilation in develop #31472

Uh oh!

cameronbraid May 19, 2021

Replies: 2 comments · 4 replies

Uh oh!

KyleAMathews May 19, 2021

Uh oh!

cameronbraid May 20, 2021 Author

Uh oh!

Uh oh!

cameronbraid May 20, 2021 Author

Uh oh!

cameronbraid May 20, 2021 Author

Uh oh!

cameronbraid Jul 14, 2021 Author

Uh oh!

gabrielcsapo Jul 15, 2021

cameronbraid
May 19, 2021

Replies: 2 comments 4 replies

KyleAMathews
May 19, 2021

cameronbraid May 20, 2021
Author

cameronbraid May 20, 2021
Author

cameronbraid May 20, 2021
Author

cameronbraid
Jul 14, 2021
Author