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

香菊网 发表于: 2019-04-28 分类: H5部分  js部分  前端front  HTML&CSS  

chrome、ff浏览器下都能正常显示的页面,在360浏览器下的兼容模式 和 edge浏览器 就显示不出来了,

而且控制台有一个红色的报错警示:vuex requires a Promise polyfill in this browser.

 

 

问题已经找到了,那如何来解决呢,百度一下:“vuex requires a Promise polyfill in this browser.”

第一条搜索结果就是:

他说出了问题出现的原因,就是ie9和一些低版本的高级浏览器对es6新语法并不支持,也说出了解决办法

接下来就开始按着提示敲了

npm install --save-dev babel-polyfill

main.js

import "babel-polyfill";

webpack.base.conf.js

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

重新执行构建命令,在低版本的浏览器中就可以正常打开页面了。

 

标签: H5部分js部分前端frontHTML&CSS
Copyright © 2019 幻雨焉缘博客 | 浙ICP备19001843号-1
----------------------------------
种一棵树,最好的培养时间是十年前,其次是现在 加油  (ง •_•)ง。        ──── 前端攻城狮