vue在IE报错‘vuex requires a Promise polyfill in this browser.’(vuex使用了ES6语法)

    vue项目做完之后,在IE浏览器,或者360浏览器兼容模式下,根本显示不出来。(360浏览器分为极速模式以及兼容模式)兼容模式内核其实是IE浏览器(Trident内核),极速模式内核是谷歌浏览器(Chrommium内核)。

    有时候IE会报出红色的:‘vuex requires a Promise polyfill in this browser.’因为使用了ES6 Promise,而IE浏览器不支持,这表示IE不支持vuex的语法。

    解决方法:在vue项目中引入:babel-polyfill

1.首先下载babel-polyfill: 

        npm install --save-dev babel-polyfill

2.引入(引入方式有三种,看情况选择):

                1.require("babel-polyfill");

                2.import"babel-polyfill";

                3.module.exports={

                            entry:["babel-polyfill","./app/js"]

                };

注:第三种方法适用于使用webpack构建的同学,加入到webpack配置文件(webpack.config.js)entry项中

在vue脚手架cil中配置文件应该位于:


vue在IE报错‘vuex requires a Promise polyfill in this browser.’(vuex使用了ES6语法)_第1张图片
根目录下的build文件中


vue在IE报错‘vuex requires a Promise polyfill in this browser.’(vuex使用了ES6语法)_第2张图片
webpack.base.conf.js文件

不过vue建议直接在main.js中直接引用,方便快捷。


vue在IE报错‘vuex requires a Promise polyfill in this browser.’(vuex使用了ES6语法)_第3张图片

你可能感兴趣的:(vue在IE报错‘vuex requires a Promise polyfill in this browser.’(vuex使用了ES6语法))