首先吐槽下公司项目，居然要兼容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
网友评论