Webpack breaking change: The extension in the request is mandatory

[zraly]

Hi,

when compiling with Webpack(Laravel Mix 6.14.11), I am getting this error:

ERROR in ./node_modules/event-target-shim/index.mjs 62:24-31
Module not found: Error: Can't resolve 'process/browser' in '/Users/medhi/Sites/forma/node_modules/event-target-shim'
Did you mean 'browser.js'?
BREAKING CHANGE: The request 'process/browser' failed to resolve only because it was resolved as fully specified
(probably because the origin is a '*.mjs' file or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

event-target-shim/scripts/test.ts

Line 201 in 71b37d1

process: "process/browser",

[mysticatea]

Hmm. This package doesn't depend on process/browser in production builds. I suspect that your webpack.config.js has a problem.

[zraly]

I solved it using

mix.options({
	legacyNodePolyfills: false
});

[xptodevx]

its happening and I can't found a solution yet. this is very hard and deceptive.

[xic911appasaheblakade]

where write?

[justnewbee]

there was no rule for mjs files in my webpack config, so i added this in module.rules

  {
      test: /\.mjs$/,
      include: /node_modules/,
      type: 'javascript/auto',
      resolve: {
        fullySpecified: false
      }
    }

and it worked

i saw this solution here https://issuehunt.io/r/storybookjs/storybook/issues/14938

[bhavyarustgi-zomato]

Thankyou so much but any idea why is this happening?

[FacuBozzi]

there was no rule for mjs files in my webpack config, so i added this in module.rules

  {
      test: /\.mjs$/,
      include: /node_modules/,
      type: 'javascript/auto',
      resolve: {
        fullySpecified: false
      }
    }

and it worked

i saw this solution here https://issuehunt.io/r/storybookjs/storybook/issues/14938

How do you even come up with a solution like this? Genuinely asking lol

[premkumarsevugan]

I solved it using

mix.options({
	legacyNodePolyfills: false
});

Thank God. I struggled a lot with this error. Thank you man ❤️.