记一次 解决 vue 兼容ie11 的问题

Posted qq735675958

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记一次 解决 vue 兼容ie11 的问题相关的知识,希望对你有一定的参考价值。

 vue2.0 最近项目需要做到兼容ie11,找问题找半天,于是各种百度,

发现引入 babel-polyfill 还是有问题  空白页面

技术图片

参考它的配置 ( 最后一句代码为引入的资源路径 )  我跟他差不多(https://blog.csdn.net/ywcsd/article/details/82255650),于是逐个排查,发现是v-echarts 不兼容,我找到的是这个 resize-detector  从vscode 中 找到的 配置 package-lock.json 定位到 是 v-echarts 的 

然后在 build -> webpack.base.conf.js 中  找到 module -> rules =>  {

test:/js&/,

loaderl:"babel-loader",

include:[

 resolve(‘src‘),resolve(‘test‘),

 resolve(‘node_modules/weback-dev-server/client‘),

 resolve(‘node_modules/element-ui/packages),

   resolve(‘node_modules/element-ui/src),

   resolve(‘node_modules/vue-echarts),

   resolve(‘node_modules/resize-detector),

]

} 修改 添加  

 

这样就好了

 

以上是关于记一次 解决 vue 兼容ie11 的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue开发使用vue-particles如何兼容IE11?

记一次vue 异步请求微信二进制二维码 乱码 问题解决然后渲染

ie 引发了异常但未捕获

记一次vue2项目部署nginx静态文件404解决过程

记一次 webpack.config.js 的 scss 加载问题的解决方案以及事情分析

记一次IOS对 JS的支持问题