vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser

责编:menVScode 2019-04-28 21:21 阅读(323)

用vue-cli搭建了一套vue的开发框架,完成开发、联调和上线后,问题来了:chrome、火狐浏览器下都能正常显示的页面,在IE浏览器下愣就显示不出来了,而且控制台有一个红色的报错警示:vuex requires a Promise polyfill in this browser。

也就是说ie9和一些低版本的高级浏览器对es6新语法并不支持。

解决方法,使用 babel-polyfill 包。

1、安装 babel-polyfill

npm install --save-dev babel-polyfill

2、在 main.js 中引入 babel-polyfill

import "babel-polyfill";

3、在 webpack.base.conf.js 配置 babel-polyfill

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    // app: './src/main.js'
    app: ["babel-polyfill", "./src/main.js"]
  },
  ...
}


最后重启项目,就能在低版本的浏览器中正常打开页面了。

前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码