在vue的使用中，出现Cannot assign to read only property 报错

原文标题：在vue的使用中，出现Cannot assign to read only property ‘exports’ of object ‘#Object’报错

在使用mpvue开发微信小程序的时候，由于要做的产品需要用到socket通信，因此使用了腾讯AlloyTeam团队的wafer2解决方案，由于原生小程序是支持common.js模块引入，不支持es6模块引入的，因此该方案使用的也是common.js。

但是由于是使用vue的开发框架进行小程序的开发，因此也就用到了webpack，因为引用wafer2的时候,带入了module.exports的写法,webpack可以使用require和export ，但是不能混合使用import 和module.exports,所以发生了

Cannot assign to read only property 'exports' of object '#Object'

报错,而且还会导致Page()页面不能正确编译.

解决方法是更新根目录下的.babelrc文件配置.

修改如下：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": []
,
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

然后package.json文件

删除devDependencies下的babel-transfrom-runtime-plugin 插件

重新

npm install
npm run dev 
//项目就可以引入common.js写法的第三方依赖而不会报错啦~