vue项目中正确引用babel-polyfill后在IE中仍然无效,显示空白页的原因及解决方案

最近用vue开发项目,在git上直接拉取了一个vue-admin-template模板。

然而该模板作者明确表明没有兼容IE,如果需要,自己安装babel-polyfill。

由于本项目还是会考虑高版本IE的兼容,所以安装了babel-polyfill,并正确引用了,(安装和引用方法略,网上很多,至于引用方法1.在entry处引用。2.在main.js处import引用。经测试都是有效的,引用一处即可。)

然并卵,引用后在IE还报语法错误,显示空白页。

一开始以为引用不对,后来经过一番查阅摸索,发现引用和安装是没问题的,关键原因在于我这用了一个mock数据,单独有个文件夹,里面mock数据的js也用了es6语法。但是在babel-loader的配置中并没有配置该文件夹的路径,加上之后就没问题了。如下图:

vue项目中正确引用babel-polyfill后在IE中仍然无效,显示空白页的原因及解决方案_第1张图片

 

具体情况看自己项目,这可能只是一种情况。有问题请随时交流。谢谢!

你可能感兴趣的:(遇到的坑总结)