微信pc端浏览器打开页面空白的问题

今天写了一个web项目，用chrome浏览器，手机端微信你打开都没问题，但是在pc端微信打开后是空白的，于是我重新做了一个空白的vue项目，用pc端微信浏览器是可以打开的。

慢慢调试发现是语法的问题

一步一步减去组件，再一步一步加上组件，最终定位到一个import的组件导致的。

原来是pc端微信浏览器不支持部分es6的语法，

es6语法主要用到()=>{}和let，但是使用这两个语法并不会导致这个问题，应该是其他原因导致的，懒得深入研究的语法或者新特性导致的

不使用()=>{}语法的话，this在function(){}中不能使用，所以要var _this = this然后在原来的()=>{}中使用_this代替this

经过深入研究，当时的pc浏览器的内核版本不支持es6语法，可以通过其他方式将含有es6语法的项目转为es5

1. 安装babel-polyfill：
npm install --save babel-polyfill2.在main.js引入
import 'babel-polyfill'3.在webpack.base.conf.js中配置:
module.exports = {context: path.resolve(__dirname, '../'),entry: {app: ['babel-polyfill','./src/main.js'] //===========这一行加入babel-polyfill}.........
}

微信pc端浏览器打开页面空白的问题相关推荐

微信PC端浏览器内置浏览器
嵌入式Chromium框架(简称CEF) 是一个由Marshall Greenblatt在2008建立的开源项目,它主要目的是开发一个基于Google Chromium的Webbrowser控件,支持 ...
通过UA区分微信PC端浏览器还是手机端浏览器
有时候需要限制用户访问页面在手机端, PC端不允许访问, 但是只做微信浏览器判断是不够的, 这个时候需要进一步判断. 通过tcpdump捉到两种浏览器的区分. PC端: 微信浏览器的UA标识 [Mic ...
微信小程序-iphone打开页面空白，报错Miniprogramerror Syntaxerror...
使用uniapp开发微信小程序,使用安卓手机打开小程序没问题,使用开发工具的真机调试,iphone打开小程序就出现页面空白,并且控制台报错: Miniprogramerror Syntaxerror ...
js判断是否微信PC端打开内置浏览器
function isWeChat(){var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) ...
微信PC端打开小程序（腾讯文档）、网页都显示空白和QQ/TIM的群文件无法显示等问题的解决方法
问题描述: 1. 微信PC端无法打开腾讯文档的小程序,并且发现内置的浏览器网页均无法显示卸载重装后,打开腾讯文档又显示该信息,问题现象有变化,但根本问题未解决 2. QQ/TIM的群文件和群公告均无 ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
微信PC端打开网站页面空白
重点 : 微信pc端的浏览器是IE内核,所以你懂的(PS:IE问题贼多) 解决 : 直接把链接丢到IE上,F12查看控制台,出现什么错误解决什么错误 , so
调试微信 PC 端的内置浏览器界面
2021-08-03 最新更新好久没看,微信也更新了好几版.下面的方法并没有失效,不过上了 3.3.x 后的微信版本已经禁用了右键和查看 chrome://version 的功能了.进过实测,最后一 ...
判断当前入口是PC端企业微信还是PC端浏览器。或者是APP端企业微信
function isQyweixin(){//判断当前入口是PC端还是APP端let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone| ...

微信pc端浏览器打开页面空白的问题

微信pc端浏览器打开页面空白的问题相关推荐

最新文章

热门文章