首页 > 移动平台 > 详细

VUE开发公众号IOS9白屏问题

时间:2019-10-05 15:01:05      阅读:202      评论:0      收藏:0      [点我收藏+]

备注: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白屏问题

原文:https://www.cnblogs.com/webh5/p/11624663.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!