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

多方查阅 都是基于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的截图

[Vue-CLI3] IE报vuex requires a Promise polyfill in this browser问题解决_第1张图片

对不起 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')
  }
}


//低版本vue-cli在webpack.config.js文件中,使用

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


 

重启项目

npm run serve 


再到IE中打开你的页面 控制台中是不是没有再报错了?
————————————————
版权声明:本文为CSDN博主「perryliuPC」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/perryliu6/article/details/82422441

你可能感兴趣的:(vue,vue)