关于elementui的IE兼容问题

1,262 阅读1分钟

先说明使用的框架版本: vue-cli4 element-ui:2.13.1

前几天,本人用vue+element开发一套后台管理系统,在谷歌和360极速模式下运行完全没问题,但是到了ie11中就报vendor.chunk错误,如下图:

看错误提示是element-ui的兼容问题;于是在网上找了很多方法,比如,1、修改webpack配置,添加babel-loader转化element-ui,2、怀疑是不是在项目中用到jsx的问题,于是修改babel.config.js文件,添加jsx转化插件,还安装了很多npm包,3、强制在index.html添加pollyfill的js引用,4、然后怀疑版本问题,根据错误提示重新下载element的包,试过2.0,2.10...

总之那段时间被折磨的很惨...

后来,查看vue-cli的文档,看到了一个配置: transpileDependencies。官方是这么解释的:默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。 于是,我就设置了:

然后重新运行,IE终于兼容了!!!!

谨以此篇,慰问那两天疯魔的自己.