使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决

问题截图

翻译：

不能赋值给对象'#<Object>'的只读属性'exports'

如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。

解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpack 一样严格区分 commonJS 文件和 ES6 文件：

module.exports = {
   
  presets: [