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

虽然ie项目用的少了,但是我觉得还是发出来一版吧,万一有用上的呢,本文章就是vue3.X的在ie浏览器不支持es6语法的不兼容造成项目无法正常使用的解决方案。内容不多,但都是干货,冲!

1.安装支持包

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

2.在大目录的main.js里边引用 (src下面)

import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()

3.还是你的大目录vue.config.js中插入代码,没有就新建(和package.json同级)

module.exports = {
    chainWebpack: config => {
        config.entry.app = ['babel-polyfill', './src/main.js'];
      },
}

 

4.babel.config.js文件下添加

presets: [
    [
      "@vue/app",
      {
        "useBuiltIns": "entry",
        polyfills: [
          'es6.promise',
          'es6.symbol'
        ]
      }
    ]
  ],

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱学习得小王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值