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中配置文件应该位于:


根目录下的build文件中


webpack.base.conf.js文件

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容