BREAKING CHANGE: The request '...' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"'). #373

h0jeZvgoxFepBQ2C · 2023-10-25T18:52:36Z

h0jeZvgoxFepBQ2C
Oct 25, 2023

Hi there,

we recently tried to upgrade our asset pipeline from webpack5 to shakapacker 7, but get now following errors:

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/inherits.js 1:0-46
Module not found: Error: Can't resolve './setPrototypeOf' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'setPrototypeOf.js'?
BREAKING CHANGE: The request './setPrototypeOf' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 28:0-45
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js 1:0-74
Module not found: Error: Can't resolve './objectWithoutPropertiesLoose' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'objectWithoutPropertiesLoose.js'?
BREAKING CHANGE: The request './objectWithoutPropertiesLoose' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 7:0-60
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js 1:0-47
Module not found: Error: Can't resolve '../../helpers/esm/typeof' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'typeof.js'?
BREAKING CHANGE: The request '../../helpers/esm/typeof' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 26:0-62
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js 2:0-60
Module not found: Error: Can't resolve './assertThisInitialized' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'assertThisInitialized.js'?
BREAKING CHANGE: The request './assertThisInitialized' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 26:0-62
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/slicedToArray.js 1:0-46
Module not found: Error: Can't resolve './arrayWithHoles' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'arrayWithHoles.js'?
BREAKING CHANGE: The request './arrayWithHoles' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 22:0-50
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/slicedToArray.js 2:0-58
Module not found: Error: Can't resolve './iterableToArrayLimit' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'iterableToArrayLimit.js'?
BREAKING CHANGE: The request './iterableToArrayLimit' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 22:0-50
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

ERROR in ./node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm/slicedToArray.js 3:0-48
Module not found: Error: Can't resolve './nonIterableRest' in '/Users/myuser/coding/company-admin/node_modules/@material-ui/pickers/node_modules/@babel/runtime/helpers/esm'
Did you mean 'nonIterableRest.js'?
BREAKING CHANGE: The request './nonIterableRest' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, 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.
 @ ./node_modules/@material-ui/pickers/esm/index.js 22:0-50
 @ ./app/javascript/packs/component/component2/component2.jsx 11:0-63 43:38-61

We are not really asset pipeline experts and asset compilation changes are always a horror task for our team (yay javascript eco system :D)..

Any suggestions how I can fix this?

Thank you so much! ❤️