webpack: import + module.exports in the same module caused error webpack: import + module.exports in the same module caused error javascript javascript

webpack: import + module.exports in the same module caused error


You can't mix import and module.exports. In the import world, you need to export things.

// Change thismodule.exports = foo;// To thisexport default foo;


This happens if other modules down stream have an unexpected require tree. Babel changes require to import where it isn't supposed to which causes the aforementioned issue @Matthew Herbst. To solve this add "sourceType": "unambiguous" to your babelrc file or babel.config.js so that @babel/plugin-transform-runtime won't do this change of require expression to import in your commonjs files. eg:

module.exports = {  presets: [    '@quasar/babel-preset-app'  ],  "sourceType": "unambiguous"}


You can use require with export. But not import and module.exports.