VUE開發公眾號IOS9白屏問題

備注:IOS9白屏問題出現在內核解析，在commitJS中回調繼續調用接口時，ES6語法解析錯誤導致白屏。

通過安裝npm install babel-polyfill，npm install es6-promise對代碼再次解析。

1.npm安裝

npm install babel-polyfill
npm install es6-promise

安裝后package.json中會出現:

"babel-polyfill": "^6.26.0",
"es6-promise": "^4.1.1",

import 'babel-polyfill'
import Vue from 'vue'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()

 3.進入webpack.base.conf.js進行如下配置:

 

　　

　　module.exports = {
　　　　entry: {
　　　　app: ['babel-polyfill', './src/main.js']
　　},
　　　　module: {
　　　　rules: [{
　　　　test: /\.vue$/,
　　　　loader: 'vue-loader',
　　　　options: vueLoaderConfig
　　},
　　{
　　　　test: /\.js$/,
　　　　loader: 'babel-loader',
　　　　query:{presets:['es2015']},
　　　　include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
　　}, 

 4.最后在在.babelrc文件里加入

{
　　"presets":["es2015", "stage-2"],
}