• 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"],
    }
  • 相关阅读:
    tinyxml2使用
    使用libcurl作为Http client
    编译Thrift支持golang
    使用vue初体验之app实现后 小总结
    手机端屏幕自适应(三) 淘宝网适配方案
    手机端屏幕自适应(二)
    手机端的屏幕自适应(一)
    vue directive具体的使用方法
    vue生命周期之我见
    vue-router api学习
  • 原文地址:https://www.cnblogs.com/webh5/p/11624663.html
Copyright © 2020-2023  润新知