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

您所在的位置:网站首页 安装vue缺少标识符怎么解决 vue项目打包后在ie报SCRIPT1006:缺少 ')'

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

2023-06-19 02:55| 来源: 网络整理| 查看: 265

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

601.png

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

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

image.png

开始疯狂寻找Loading chunk chunk-1361b91d failed.的原因,折磨了我半天,是的,半天!!!!对不起,我是个辣鸡前端。 032.gif 此路不通,我就换了个方式,点进去看了一下报错文件的报错位置,居然还有es6的语法,函数传参内给个默认值。

image.png 我:???????????? 我就去百度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里面加。 真是艰难又悲伤的日子。

0826.png

更新,血和泪的教训

image.png


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3