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