美文网首页WEB前端开发技术杂谈
vue在IE报错‘vuex requires a Promise

vue在IE报错‘vuex requires a Promise

作者: 传奇狗 | 来源:发表于2017-12-04 09:36 被阅读20次

    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中直接引用,方便快捷。

相关文章

网友评论

    本文标题:vue在IE报错‘vuex requires a Promise

    本文链接:https://www.haomeiwen.com/subject/nnetixtx.html