vue项目中正确引用babel-polyfill后在IE中仍然无效,显示空白页的原因及解决方案
最近用vue开发项目,在git上直接拉取了一个vue-admin-template模板。然而该模板作者明确表明没有兼容IE,如果需要,自己安装babel-polyfill。由于本项目还是会考虑高版本IE的兼容,所以安装了babel-polyfill,并正确引用了,(安装和引用方法略,网上很多,至于引用方法1.在entry处引用。2.在main.js处import引用。经测试都是有效的,引用...
·
最近用vue开发项目,在git上直接拉取了一个vue-admin-template模板。
然而该模板作者明确表明没有兼容IE,如果需要,自己安装babel-polyfill。
由于本项目还是会考虑高版本IE的兼容,所以安装了babel-polyfill,并正确引用了,(安装和引用方法略,网上很多,至于引用方法1.在entry处引用。2.在main.js处import引用。经测试都是有效的,引用一处即可。)
然并卵,引用后在IE还报语法错误,显示空白页。
一开始以为引用不对,后来经过一番查阅摸索,发现引用和安装是没问题的,关键原因在于我这用了一个mock数据,单独有个文件夹,里面mock数据的js也用了es6语法。但是在babel-loader的配置中并没有配置该文件夹的路径,加上之后就没问题了。如下图:
具体情况看自己项目,这可能只是一种情况。有问题请随时交流。谢谢!
更多推荐
已为社区贡献2条内容
所有评论(0)