vue项目打包后在ie报SCRIPT1006:缺少 ‘)‘

亲测可用,若有疑问请私信

首先吐槽下公司项目,居然要兼容ie,还是vue

文章重点不在于解决方案,在于记录我的心历路程,当然解决方案也是有的。

打包好上测试环境一到ie上面打开,切换路由的时候切不了报错

开始疯狂寻找Loading chunk chunk-1361b91d failed.的原因,折磨了我半天,是的,半天!!!!对不起,我是个辣鸡前端。


此路不通,我就换了个方式,点进去看了一下报错文件的报错位置,居然还有es6的语法,函数传参内给个默认值。


我:????????????
我就去百度ie报错SCRIPT1006: 缺少 ')',找来找去看了很多文章猜测大概原因就是node_modules里含有es6语法的插件打包的时候不会被编译
我就开始去找是什么插件,element-ui、jquery等等其他乱七八糟的试过,都没用,困扰了我很久,人都有点崩溃。实在走投无路,我开始删页面模块然后打包在本地起服务测试,终于被我测出来了!!!!
vue-echarts!!!!!就是它!!!!!
气死我!!!就去百度vue-echarts兼容ie的问题。

解决

1、安装resize-detector:npm install resize-detector --save
2、vue.config.js里面配置

module.exports = {
    transpileDependencies: [ 'vue-echarts','resize-detector'],
}

不止vue-echarts,只要带有resize功能的ie都报错,就像上面一样把插件往transpileDependencies里面加。
真是艰难又悲伤的日子。

更新,血和泪的教训

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值