首先吐槽下公司项目,居然要兼容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里面加。
真是艰难又悲伤的日子。
更新,血和泪的教训