[Vue-CLI3] IE报vuex requires a Promise polyfill in this browser问题解决

在Vue-CLI3项目中遇到IE浏览器报vuex需要Promise polyfill的问题。由于CLI3的配置变化,需在根目录创建vue.config.js并利用webpack-chain进行配置。通过引入babel-polyfill模拟ES6环境。具体解决方法是在vue.config.js中添加配置,重启项目后,IE浏览器不再报错。
摘要由CSDN通过智能技术生成

多方查阅 都是基于Vue-Cli2.x的解决方案

由于Vue-Cli3.0把项目的配置都包装好了 放在了/node_modules/@vue下,所有后续加入的配置 都需要先在项目根目录下创建一个名叫vue.config.js的文件,然后写进去

run serve或者run build的时候 会自动把vue.config.js中自定义的配置项merge到webpack的配置中去

Vue-Cli3合并webpack配置项基于插件webpack-chain 详细文档在这个github地址 可以阅读它的readme

多方查阅 放上caniuse的截图

对不起 IE就是这样毫无人性 不支持Promise 

解决方案:

首先安装babel-polyfill   babel-polyfill可以模拟ES6使用的环境

npm install --save babel-polyfill

重点来了

vue.config.js中配入

module.exports = {
  chainWebpack:  config => {
    config
    .entry('index')
      .add('babel-polyfill')
  }
}

 

重启项目

npm run serve 

再到IE中打开你的页面 控制台中是不是没有再报错了?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值