飞奔的阿加西.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下面文件夹很多慢慢往下翻。不要急骚年！想想我不知道怎么解决的时候自己尝试解决有多难就好了！
QQ截图20170602200633.png
3.放进去还没结束！看见图片中的index.html没！这是vue的入口文件！把
polyfill.min.js引入！所有的页面都是在这个页面展现的！里面也可以引入传统的js文件！记的放在body前面！以免出现使用的时候找不到！
QQ截图20170602202120.png
4.现在在hbuilder运行一遍！
Paste_Image.png
好了！骚年！app已经可以打包了！
这是我用vue写出来的小说界面！现在是打包成app!纯纯的H5
Paste_Image.png
----2017-9-20最新解决方法-----
在main.js里面引入
import babelPolyfill from 'babel-polyfill'
Vue.use(babelPolyfill)
网友评论