Cannot assign to read only property 'exports' of object

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

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

解决办法有两种：

一、在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件（个别打包后会造成引入的组件丢失）

module.exports = {
  presets: [
    '@vue/app'
  ],
  sourceType: 'unambiguous'
}

二、统一改成ES6的方式编写添加插件

      npm install --save-dev @babel/plugin-transform-modules-commonjs

      在项目根目录新增.babelrc文件，并在文件中加入

      {
            "plugins": ["@babel/plugin-transform-modules-commonjs"]
      } 

建议使用第二种