vue^2.6.10项目启动报错 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

项目场景：

vue项目启动报错 Cannot assign to read only property ‘exports’ of object ‘#’

---

原因分析：

在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。

因为webpack 2中不允许混用import和module.exports,

---

解决方案：

百度查了有很多结局方案，我记录一下

方案一、目录下babel.config.js中添加配置，这个方案解决了我的问题，如果遇到问题，优先使用方案一，如果没有解决再去使用其他方案

module.exports = {
  presets: [
    '@vue/app',
    //新添加
    [
      '@babel/preset-env',
      {
        'useBuiltIns': 'entry'
      }
    ]],
    sourceType: 'unambiguous'
}

方案二、目录下babelrc文件中配置

npm install babel-plugin-transform-es2015-modules-commonjs

{ “plugins”: [“transform-es2015-modules-commonjs”] }```