关于Vuecli3项目在ie中白屏的解决方案:(ES6语法在ie中不兼容造成的错误);

Vuecli3构建的项目在IE浏览器中出现白屏,主要原因是ES6语法不被IE支持。解决方法包括安装支持包,修改main.js、vue.config.js和babel.config.js配置,通过引入polyfill和调整配置使项目在IE中正常运行。
摘要由CSDN通过智能技术生成

关于Vuecli3项目在ie中白屏的解决方案:(ES6语法在ie中不兼容造成的错误);

好好的项目在谷歌跑的飞起,一放到ie就一秒回到解放前,不管你是不是,反正我是瞬间激起了胸腔的怒火。。。。。

打开控制台一看,以为的一大片红旗飘飘并没有,而是!!!
在这里插入图片描述
作为一个资深的…前端小菜鸟,能扯到IE就是扯到兼容问题,默默的吐槽真的是坑到惨无人道,惨绝人寰,惨兮兮————,譬如上面这个“:”的错误,就是ES5的方法名fun:function(){}在ES6更新成fun(){}就不支持了
所以对于IE这种光明正大的耍流氓行为,你还真是没辙~~~~~~~~~~

默默的求教大神解决,大神果然不负众望,还帮我加了个点,第二天上班给我整好了,感激涕零~~~~~~~~~~~~

下面贴出方案:

1.安装支持包

cnpm install --save babel-polyfill
cnpm install es6-promise --save

2.在大目录的main.js里边引用

import '@babel/polyfill';
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

3.

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值