WEB前端开发技术杂谈

vue在IE报错‘vuex requires a Promise

2017-12-04  本文已影响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中直接引用,方便快捷。

上一篇 下一篇

猜你喜欢

热点阅读