继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

东方既白233
关注TA
已关注
手记 44
粉丝 38
获赞 153

原文标题:在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文件配置.5bc5d0ad000147ed01690300.jpg

修改如下:


{
  "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写法的第三方依赖而不会报错啦~


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP