原文标题：在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写法的第三方依赖而不会报错啦~
