Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: 581

Bug Report

Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: 581

Current behavior

Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: 581

Expected behavior There is no abnormal

Environment

webpack version: “webpack”: “^5.13.0”, Node.js version: v10.15.3 Operating System: mac Additional tools:vscode “@babel/core”: “^7.12.10”, “@babel/preset-env”: “^7.12.11”,

Possible Solution

Additional context babel.config.js:

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        corejs: 2,
        useBuiltIns: 'usage'
      }
    ],
    '@vue/babel-preset-jsx'
  ],
  plugins: []

}

[nicolo-ribaudo]

@Mikilll94 Adding sourceType: "unambiguous" to babel.config.js seems to fix the error.

"umabiguous" tells Babel to automatically detect if it’s transforming a CJS or ESM file, so that it doesn’t inject import statements in CJS dependencies.

Then there is another error (process is not defined), but it seems unrelated.

[wfabio]

Adding "sourceType": "unambiguous" to my babel.config.json fixed the issue

babel.config.json

{
 "sourceType": "unambiguous",
 "plugins": ["@babel/plugin-transform-runtime"],
 "presets": ["@babel/preset-env"]
}

webpack.config.js

{
       test: /\.js$/,
       exclude: /(node_modules|bower_components)/,
       use: {
         loader: 'babel-loader',
         options: {
           presets: ['@babel/preset-env'],
           plugins: ['@babel/plugin-transform-runtime']
         }
       }
     }

Thank you so much!