解决vuex requires a Promise polyfill in this browser问题

Posted karila

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决vuex requires a Promise polyfill in this browser问题相关的知识,希望对你有一定的参考价值。

   造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能

        首先通过npm来安装:

 npm install babel-polyfill --save-dev

        接下来就是根据场景来引入

        目前本喵遇到的出现这种错误的场景有两种:

        1.在使用vue-cli搭建的unit测试时(npm run unit),因为测试时启动的浏览器不是我们常用的chrome,而是PhantomJs。为了能让其像chrome一样正常运转,需要在kara.confi.js中设置其在启动我们程序的入口文件前,先启动polyfill.js,配置部分如下:

files: [‘../../node_modules/babel-polyfill/dist/polyfill.js‘,‘./index.js‘],

  

         2.在ie下运行时,也会出现同样的报错,解决方式类似,不过这次是在webpack.base.conf.js中配置::

 

         ps:这里在网上看到过三种配置方案:

         第一种:

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

         第二种:

entry: {
app: "./src/main.js",
"babel-polyfill":"babel-polyfill"
}

               第三种:在main.js中全局import babel-polyfill

最后使用直接引入node_modules中的js文件路径,最终成功,代码如下:

entry: {
app: [‘./node_modules/babel-polyfill/dist/polyfill.js‘,‘./src/main.js‘]
},

  

原文链接:http://blog.csdn.net/u013034014/article/details/77775902

以上是关于解决vuex requires a Promise polyfill in this browser问题的主要内容,如果未能解决你的问题,请参考以下文章

IE9报vuex requires a Promise polyfill in this browser问题解决

28IE报vuex requires a Promise polyfill in this browser问题解决

VUE项目 - IE报vuex requires a Promise polyfill in this browser问题解决

vue npm run unit Error: [vuex] vuex requires a Promise polyfill in this browser.

vue项目在IE下报 [vuex] vuex requires a Promise polyfill in this browser问题

vue在IE11报错‘vuex requires a Promise polyfill in this browser.’