VUE开发公众号IOS9白屏问题
Posted webh5
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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"],
以上是关于VUE开发公众号IOS9白屏问题的主要内容,如果未能解决你的问题,请参考以下文章