背景:
用vue-cli腳手架寫的用了vuex!結(jié)果在用hbuilder打包在真機測試的時候出現(xiàn)vuex requires a Promise polyfill in this browse報錯!
解決
報錯原理:因為使用了 ES6 中用來傳遞異步消息的的Promise更鲁,低版本的andriod4.0瀏覽器不識別es6新語法盒音!加入babel polyfill把里面的es6進行編譯成支持的es5
解決原理:加入babel polyfill肃拜,可以模擬ES6使用環(huán)境,支持所有ES6新語法咆课!
解決方法:
1.進入vue項目根目錄下執(zhí)行命令行npm install --save babel-polyfill
安裝babel-ployfill
2.本地進入vue項目根目錄下找到node_modules
目錄辣垒!就是安裝依賴的那個文件望侈。找到babel-polyfill
文件夾下面的polyfill.min.js
!
拷貝出來放到根目錄下的static
靜態(tài)文件夾下面勋桶!node_modules
下面文件夾很多慢慢往下翻脱衙。不要急騷年!想想我不知道怎么解決的時候自己嘗試解決有多難就好了例驹!
3.放進去還沒結(jié)束捐韩!看見圖片中的index.html沒!這是vue的入口文件鹃锈!把
polyfill.min.js
引入荤胁!所有的頁面都是在這個頁面展現(xiàn)的!里面也可以引入傳統(tǒng)的js文件屎债!記的放在body前面仅政!以免出現(xiàn)使用的時候找不到!
4.現(xiàn)在在hbuilder運行一遍盆驹!
好了圆丹!騷年!app已經(jīng)可以打包了躯喇!
這是我用vue寫出來的小說界面辫封!現(xiàn)在是打包成app!純純的H5
----2017-9-20最新解決方法-----
在main.js里面引入
import babelPolyfill from 'babel-polyfill'
Vue.use(babelPolyfill)