VUE开发公众号IOS9白屏问题

备注:IOS9白屏问题出现在内核解析,在commitJS中回调继续调用接口时,ES6语法解析错误导致白屏。

通过安装npm install babel-polyfill,npm install es6-promise对代码再次解析。

1.npm安装

npm install babel-polyfillnpm 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"],}

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

时间: 2024-11-03 22:41:22

VUE开发公众号IOS9白屏问题的相关文章

微信公众号开发-公众号支付-设置支付授权目录

我们先看规则: 1.所有使用公众号支付方式发起支付请求的链接地址,都必须在支付授权目录之下: 2.最多设置5个支付授权目录,且域名必须通过ICP备案: 3.头部要包含http或https,须细化到二级或三级目录,以左斜杠“/”结尾. 前两条比较容易理解, 但是看到第三条的时候有一些蒙圈有木有?如果有,请继续往下看 然后就各种搜索,搜出来的文章会让你更加蒙圈有木有?大多数文章都是写微信支付的坑,但是对于解决方法却是语焉不详. ------------------------------------

微信开发公众号1

---恢复内容开始--- 本人在俩周前接到开发微信公众号的任务,在前辈的帮助下,基本功能已经实现,现在记录下自己的实现过程. 1.首先申请一个微信公众平台接口测试帐号,url:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 2.登入之后,你会发现下图. 其中appID,appsecret是你即将开发的公众号的唯一标识,将来很多操作都需要一个参数Token(俩个小时时效性,过期失效,一天生成上限为2000次),Token就

微信公众号菜单添加小程序,miniprogram,pagepath参数详解,php开发公众号

随着微信小程序功能的开发, 已经可以跟公众号打通了, 主要有两种方式: 1) 在公众号文章中插入小程序 2) 在公众号菜单中添加小程序 第一种方式, 子恒老师在前面的课程已经详细介绍过, 今天来讲第二种方法, 怎么通过开发的方式实现. 一. 公众号菜单添加小程序请求的微信地址 https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN 其中 ACCESS_TOKEN 需要替换成你自己的 access token,

微信公众号开发(5)---使用开源组件开发公众号OAuth2.0网页授权授权登录

搞清微信公众号授权登录的步骤步骤,我们的开发就完成了一大步 献上github 地址: https://github.com/Wechat-Group/weixin-java-tools/wiki/MP_OAuth2%E7%BD%91%E9%A1%B5%E6%8E%88%E6%9D%83 第一步:需要在微信后台配置:注意,只填写自己的域名 2.配置完毕后,构建网页授权url,配置重定向地址 3.当用户同意授权后,会回调所设置的url并把authorization code传过来 4, 拿到这个co

vue h5公众号支付

调用:this.onBridgeReady(JSON.parse(res.data.data)); onBridgeReady: function (data) { let vm = this; vm.isPaying = false; WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId": data.appId, "nonceStr": data.nonceStr, "package"

解决微信公众号accessToken白名单问题

获取微信公众号accessToken需要服务器ip配置白名单,但部分客户服务器没有固定ip,因而经常会出现因为ip白名单问题而获取不到公众号的accessToken. 解决办法:proxy代理 public String sendGet(String url, String param) { String result = ""; BufferedReader in = null; try { String urlNameString = url + "?" + p

vue解决IOS10低版本白屏问题

一.在build文件的webpack.prod.conf.js文件添加以下代码 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false }, //处理I0S10白屏 mangle: { safari10: true }, }, sourceMap: config.build.productionSourceMap, parallel: true }), 原文地址:https://www.cnblogs.com/angel

vue 微信公众号分享后支付失效页面URL不变的坑

微信分享后支付页面还是初始页面,这个问题解决了, created(){ //判断是否是IOS设备 // IOS分享时的页面是首页,也就是进入页而不是当前页.所有可以采用刷新当前页,让进入页的链接改成当前页,再在页面卸载时删除缓存数据. let agent = navigator.userAgent let isIOS = !!agent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端 if(isIOS && !sessionStorage.g

康皱面膜开发 公众号系统开发

康皱面膜系统开发林生▉l8l加4896微9698电同步▉,康皱面膜系统app开发,康皱面膜系统开发简介,康皱面膜功能系统开发,康皱面膜系统开发软件,康皱面膜模式系统开发. 新零售是一个可以撬动消费的支点,一股主导需求.推动中国经济增长的新力量.传统行业.电商获取流量的成本高,新零售的风口来了,纯电商时代已经过去,未来十年是新零售的时代,未来线上线下必须结合起来.当新零售落地到直面消费者的第一线时,不管是行业巨头还是小微企业,都必须做出选择:要怎样才能拥抱新零售,实现企业或者品牌的创新发展? 康皱