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中会出现: "ba

备注: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白屏问题全部内容，希望文章能够帮你解决VUE开发公众号IOS9白屏问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。