精华内容
下载资源
问答
  • 问题出现原因:低版本浏览器内核不支持es6语法 解决方法:结合babel-polyfill插件将es6语法转为es5语法 1.npm安装 npm install babel-polyfill npm install es6-promise package.json中会出现 “babel-polyfill”: ...

    问题出现原因:低版本浏览器内核不支持es6语法
    解决方法:结合babel-polyfill插件将es6语法转为es5语法

    一: vue 2.x 版本

    1.npm安装

    npm install babel-polyfill
    npm install es6-promise

    package.json中会出现
    “babel-polyfill”: “^6.26.0”,
    “es6-promise”: “^4.1.1”,

    2.main.js引入

    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: /.vueKaTeX parse error: Expected 'EOF', got '}' at position 83: …Config }̲, { …/,
    loader: ‘babel-loader’,
    query:{presets:[‘es2015’]},
    include: [resolve(‘src’), resolve(‘test’), resolve(‘node_modules/webpack-dev-server/client’)]
    },

    4.在.babelrc文件里加入

    {
    “presets”:[“es2015”, “stage-2”],
    }


    二 、 vue3.x 版本

    添加 .babelrc 文件 (@vue/cli@3.x版本 脚手架已经封装过babel-polyfill)
    内容如下:
    {
    “presets”: [
    “@vue/cli-plugin-babel/preset”
    ]
    }


    如果上面的方式仍然未解决问题,
    再试一试下面的方式:
    npm i @babel/preset-env -D
    npm i babel-preset-es2015

    添加 .babelrc 文件
    内容如下:
    {
    “presets”: [["@babel/preset-env", { “modules”: false }]],
    “plugins”: []
    }


    以上均为自己踩过的坑,总结的处理方式,如有错误之处,欢迎指出更正,谢谢!

    展开全文
  • 微信公众号网页在ios13以下白屏问题

    千次阅读 2020-03-08 15:30:16
    如何解决微信公众号网页在ios手机上白屏的问题 1. 发现问题: 项目中遇到的问题,文件打包上传以后,安卓手机显示正常,但是在ios手机上却显示白屏,不显示任何东西. 2. 寻找原因: 经过vConsole真机测试(vClose打钱|-_-|)...

    如何解决微信公众号网页在ios手机上白屏的问题

    1. 发现问题:

    项目中遇到的问题,文件打包上传以后,安卓手机显示正常,但是在ios手机上却显示白屏,不显示任何东西.

    2. 寻找原因:

    经过vConsole真机测试(vClose打钱|-_-|),发现在ios手机上所有的post及get请求全部失效,数据请求失败,报错导致页面白屏,但是在安卓手机上却显示正常.经过好几天的排查还是没有发现问题出现在了哪里,甚至对项目进行了重构都无法解决问题.后来又每个请求逐个排查,发现只要带有token信息的请求都会失败,

    3.解决办法:

    后来发现,构建项目时,token信息被直接写在了请求地址的后面,ios并不支持此写法,所以导致请求失败,然后白屏问题的出现.后来将token信息放入请求参数中后,请求恢复正常,ios白屏问题解决.

    展开全文
  • 微信分享链接手机打开白屏

    千次阅读 2018-05-16 14:40:09
    问题描述:在做微信分享的时候,出现了一个问题,当一个人将活动分享给好友时,好友在微信打开页面,页面进度条加载到80%左右时就不动了,之后进度条消失,屏幕无任何显示白屏状态,后台也无错误。问题原因:经过...

    问题描述:

    在做微信分享的时候,出现了一个问题,当一个人将活动分享给好友时,好友在微信中打开页面,页面进度条加载到80%左右时就不动了,之后进度条消失,屏幕无任何显示白屏状态,后台也无错误。

    问题原因:

    经过不断测试排查,发现是分享链接中的#号引起的!前端使用Vue.js,#是路由,但是微信却将分享出去的链接中#号后面部分截取掉了,导致后面带的分享来源参数被截掉了,页面呈现出一直在加载的状态。

    解决方案:

    之前的分享链接样子如下,#号后面被微信截掉,导致friendId无法获取

    http://demo.xxx.com/dzp/?from=singlemessage#/dzp/project?friendId=151613270061

    后来前端经过改造,将链接地址改为如下样子,解决了问题

    http://demo.xxx.com/dzp/?friendId=151613270061&from=singlemessage#/dzp/project



    更多内容请参见:

    http://www.cnblogs.com/mingxinice/p/mingxin.html

    展开全文
  • 在线等。 ...这是公司的分享到微信中的一个链接,打开经常出现白屏,想问下苹果对网页会有什么控制没?白屏不显示是网页的问题吗?
  • 如题:苹果手机微信浏览器和电脑浏览器打开项目链接白屏,而且ie11浏览器也不能够正常打开,报错语法错误, 安卓手机却可以正常的打开链接显示? 排除过程,以为是微信内置浏览器不支持,想到会不会是兼容的问题,...

    如题:苹果手机微信浏览器和电脑浏览器打开项目链接白屏,而且ie11浏览器也不能够正常打开,报错语法错误, 安卓手机却可以正常的打开链接显示?

    排除过程,以为是微信内置浏览器不支持,想到会不会是兼容的问题,然后使用ie浏览器查看,发现和微信是一样的情况,控制台有报错,开始处理报错。

    1. 点开链接后,发现报错的是一个js文件,clss类的问题,并没有被编译考虑到,是不是在ie中一些语法,使用webpack的bable没有办法完全的编译,又下载使用 babel-polyfill 结果还是现在一样的错误,并未解决问题
    2. 开始看报错的源码,经过搜索与排除发现是在 node_modules 文件夹中的一个插件 vuex-persist js的问题(见下图)
      1. 那为什么会用这个插件呢?
      2. 因为当前做的这个移动端的项目是给机构做的一个类似测评系统的考试,是不运行用户在考试的时候,后退页面,和刷新页面,后退可以使用

        beforeRouteLeave 去做阻止,刷新只能监听按键的f5,没有办法控制浏览器的刷新,然后就想到,用户刷新的时候,前面的数据,还是要有所保存的,然后就使用了 vuex ,但是vuex会在刷新页面的时候,重置state的数据,这就不是我们想要的了 ,然后我们引入了一个vuex-persist插件解决这个问题

      3. vuex的优劣势
        1.      优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到
        2.      劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。
        3.      为了克服这个问题, vuex-persist  vuex-persistedstate出现了~~
      4. vuex-persist  vuex-persistedstate 原理
        1.  插件在每次mutation的时候将数据保存,存到localStorage,sessionStorage,cookie有中(具有getItem ,setItem ,removeItem一般方法的对象)
        2. 刷新页面的一瞬间,vuex数据消失,vuex回去sessionStorage中哪会数据,变相的实现了数据刷新不丢失~
        3. vuex-persist 和 vuex-persistedstate 使用的区别和用法
    3. 找到问题后,改变插件的使用,把vuex-persist 换成 vuex-persistedstate 完美解决问题
    4. 对比两个插件,发现vuex-persistTypeScript类型的,vuex-persistedstateJavaScript类型,默认的配置webpack没有去编译TypeScript,所以没有转换

    结论:webpack编译的类型不对

     

     

    展开全文
  • 在window上客户端微信打开公众号H5网页,内置浏览器白屏 一些基本的关联 上一个版本是可以正常登录并且打开的,多半因为后续加了一些代码导致的白屏. 手机微信和手机内置浏览器以及电脑端chrome浏览器都能...
  • 微信公众号白屏问题原因

    千次阅读 2020-03-18 10:33:15
    1.证书问题 比如证书失效等 如果遇到白屏问题可以朝证书这个方向加以考虑 2.授权域名出现问题 这个问题 安卓机型会提示net::ERR_NAME_NOT_RESOLVED IOS机型直接以白屏展现 ...
  • 通过微信的扫一扫去下载,会出现白屏的情况,可能是因为安全性的考虑或者其他什么原因,目前已经无法通过微信的扫一扫去下载apk了。 根据网友们提供的思路,本文整理了三种方案。 1、申请腾讯开放平台开发者 具体...
  • 最近在开发的微信公众号项目出现了白屏的问题,安卓端一切正常,只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生。 网上找了很多资料,最后确定是前端JS代码使用了ES6版本的语法,而IOS11以下和微信PC...
  • 微信打开https页面显示空白解决记录

    千次阅读 2018-01-22 16:05:18
    存放一些静态资源和h5页面,并且配上了阿里cdn服务(Let's Encrypt证书),接下来测试https链接,在浏览器中测试也ok(chrome地址栏显示绿色的安全标识),ios的微信测试了下也是ok的,但是安卓微信打开显示空白,右上...
  • 之前部署IIS服务器,安装证书后用浏览器访问链接,显示正常 然后很开心的以为部署很成功,又拿了苹果手机微信访问了一下 也是显示成功,然后拿安卓手机的微信访问就显示白屏,什么都没有。然后我就很是诧异,又用安卓...
  • 通过微信的扫一扫去下载,会出现白屏的情况,可能是因为安全性的考虑或者其他什么原因,目前已经无法通过微信的扫一扫去下载apk了。 根据网友们提供的思路,本文整理了三种方案。 1、申请腾讯开放平台开发者 具体...
  • 微信公众号通过链接打开vue页面遇到白屏问题,通过排查,发现是某些微信浏览器版本过低导致,而此时项目中使用到了es6,es7等语法,导致浏览器无法解析 解决方法: // 1.安装bebel进行es6转es5 npm install babel-...
  • 安卓、ios APP调用微信支付时,页面出现空白 我的后端是用php开发的。我是先调用微信的统一下单生成,生成prepay_id预支付订单号,代码如下: public function send_pay(){ //使用统一支付接口 $...
  • 3,小程序跳转h5 在安卓手机上会白屏 需要检查下路径 把index.html去掉就OK了 4,小程序跳转h5 会提示 需要微信加入域名下的文件名的白名单。 新上线的url都会有这个问题 若是该域名下其他文件可以访问则说明跟备案...
  • 1. 小米魅族等安卓手机白屏,苹果手机正常 2. 首次进入白屏,再次进入正常 3. 点击链接正常,点击菜单白屏 原因查找: 跟踪日志,发现header跳转失败,多次尝试后得出一个结论,跳转url与菜单链接一致时,跳转...
  • 看看小程序简介里的这段描述,他们也是解决不了了,才开发的小程序:用户在访问网页的时候,在浏览器开始显示之前都会有一个的白屏过程,在移动端,受限于设备性能和网络速度,白屏会更加明显。我们团队把很多技术...
  • 是这样的,公司开发了一个wap app,但是这个页面在苹果手机微信浏览器中打开白屏,在safari中打开就能打开了,有时候在 safari中打开也是白屏,问题1.safari中网银在什么情况下会出现白屏
  • 微信网页开发 我做的H5页面在android上有些手机不能打开 加载完成时空白的 这是什么原因 不在微信内置浏览器里面也是一样的 是android版本问题吗 该怎么解决啊 ( 在IOS上正常 )
  • 微信开发: H5开发在微信浏览器上,出现“白屏”问题 在开发微信公众号的页面时,应该很多开发者会出现: 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。 大致导致白屏的原因有以下几种: 1. 重定向...
  • 这里主要介绍一下代理服务器的设置,目前想到测试微信支付的方法就是以下四部。搭建本地服务器(不能用localhost作为域名,可以用真实域名+改hosts到本地)下载代理软件(fiddler或者charles)将手机的代理设为你电脑...
  • 唤起微信支付 https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx2016121516420242444321ca0631331346&package=1405458241 此链接还必须确定或者取消后的重定向地址:&redirect_url '.......
  • **背景:**app内嵌的一个个人名片页面需要分享到微信,测试环境下,分享到微信后,安卓和苹果手机都能正常渲染,生产环境苹果手机没问题,安卓手机打开分享的链接,页面一直空白。 **原因分析:**单独加了vconsole...
  • 当我先写判断是否可以点击,然后再掉接口,这样的话返回时候会白屏,估计是动作同时导致的,因为js来调接口并没有执行完成 应该这样写~~这里后来也要更新新消息条数,所以也要等新消息接口调完再跳转 ps 图上的文字没用...
  • 唯独在微信浏览器中加载时会出现长时间白屏,用户体验很不好 一番检查下来,因为写的太随心了,最后发现了两个BUG   ———————————正文——————————— 1. 不要把太多( 最好没有)需要下载...
  • 微信开发者工具编译后模拟器没反应,白屏 最近又用到了微信开发者工具,所有流程走下来,发现编译的时候,编辑器没有反应,一直白屏;还经常弹出窗口显示:重启项目时间过久巴拉巴拉巴拉; 解决 点击开发工具头部...
  • 微信pc端浏览器打开页面空白的问题

    万次阅读 2019-01-11 19:12:29
    今天写了一个web项目,用chrome浏览器,手机端微信你打开都没问题,但是在pc端微信打开后是空白的,于是我重新做了一个空白的vue项目,用pc端微信浏览器是可以打开的。 慢慢调试发现是语法的问题 一步一步减去组件...
  •  如果服务器只是使用SSL证书,在访问时将会出现证书不被信任的问题,这时,使用IOS访问https页面会没有问题,但是Andoid访问会白屏,这是Android微信访问https白屏的原因。 解决办法:  在腾讯云或阿里云...
  • 白屏出现——>手动点击白屏处——>问题解决 原因分析: 在ios机器上使用webview开发Vue项目时候,go history(-1),无法将body的高度拉掉,使得遮住,触发轻点击,方可消除遮罩 解决方案实现原理: html...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 871
精华内容 348
关键字:

微信打开网页白屏