企业微信打开白屏

不擅长说一些官方话,就分步骤理一理思路,方便以后查阅。

1、首先怎么碰到这个问题的。

    我们要做一个企业微信站的工具网站,vue框架。完事上线后,页面白屏,看不到网站内容。

2、想了那些方案解决?

    首先我们猜想是项目本身的语法用错了,或者变量引用错误。因为企业微信没有调试工具(微信开发工具没有测试成功),对于开发人员真是个噩梦,就放弃了。这时候我在企业微信上查到windows用的内核是Chromium框架53,我认为知识点来了,为什么呢,后来我们用别的浏览器也是这个内核来复现问题(后来也如愿以偿),我们找到了两个报错。一个报错是因为引用了别家的API,这个不做阐述。第二个问题是 async Error:Unexpected token function.

3、这也是这么多废话的核心内容,我们如何解决

    我们在QQ浏览器的9.0版本里打开后,控制台里点击报错信息,信息大致内容为:函数有理解不了的标记,而我们认为这个标记是打包完的文件里有async。我们另一个疑问就来了,为什么打完包的文件里会有async,是否是webpack转es5语法有问题?而后找了很多资料,另一个知识点来了,babel-preset-es2015只能够es6转es5,而像es7及以上并不能处理,解决方案最后定位在换成babel-present-env。解决了这个白屏问题。

4、本文章原意是记录bug,不喜勿喷。

你可能感兴趣的:(企业微信打开白屏)