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的配置中并没有配置该文件夹的路径,加上之后就没问题了。如下图:

 

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

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值