用hbuilder打包vue出现vuex requires a Promise polyfill in this browser

用hbuilder打包vue出现vuex requires a Promise polyfill in this browser_第1张图片
飞奔的阿加西.jpg

背景:

用vue-cli脚手架写的用了vuex!结果在用hbuilder打包在真机测试的时候出现vuex requires a Promise polyfill in this browse报错!

解决

报错原理:因为使用了 ES6 中用来传递异步消息的的Promise,低版本的andriod4.0浏览器不识别es6新语法!加入babel polyfill把里面的es6进行编译成支持的es5

解决原理:加入babel polyfill,可以模拟ES6使用环境,支持所有ES6新语法!

解决方法:

1.进入vue项目根目录下执行命令行npm install --save babel-polyfill安装babel-ployfill

2.本地进入vue项目根目录下找到node_modules目录!就是安装依赖的那个文件。找到babel-polyfill文件夹下面的polyfill.min.js

拷贝出来放到根目录下的static静态文件夹下面!node_modules下面文件夹很多慢慢往下翻。不要急骚年!想想我不知道怎么解决的时候自己尝试解决有多难就好了!

用hbuilder打包vue出现vuex requires a Promise polyfill in this browser_第2张图片
QQ截图20170602200633.png

3.放进去还没结束!看见图片中的index.html没!这是vue的入口文件!把 polyfill.min.js引入!所有的页面都是在这个页面展现的!里面也可以引入传统的js文件!记的放在body前面!以免出现使用的时候找不到!

用hbuilder打包vue出现vuex requires a Promise polyfill in this browser_第3张图片
QQ截图20170602202120.png

4.现在在hbuilder运行一遍!


用hbuilder打包vue出现vuex requires a Promise polyfill in this browser_第4张图片
Paste_Image.png

好了!骚年!app已经可以打包了!
这是我用vue写出来的小说界面!现在是打包成app!纯纯的H5

Paste_Image.png

----2017-9-20最新解决方法-----
在main.js里面引入

import babelPolyfill from 'babel-polyfill'
Vue.use(babelPolyfill)

你可能感兴趣的:(用hbuilder打包vue出现vuex requires a Promise polyfill in this browser)