Flutter web 打包网站后，在安卓系统的微信中显示空白页

Question

一. 使用的官方DEMO 计数器示例做的测试。

• 电脑 chrome 可以显示
• 电脑 微信开发者工具， 可以显示
• iOS 微信， 可以显示
• Android chrome， 可以显示
• Android 夸克， 空白页
• Android 微信, 空白页

二. 根据网上其他资料已做了下列事情

• SSL证书问题， 原先使用的是Let's Encrypt证书，后更换为 腾讯云免费证书TrustAsia。
• 打包问题， flutter build web --web-renderer html
• main.dart.js 过大问题， 生成后的文件约在 1.3M左右，nginx gzip 压缩后约700k左右。
• 使用 debugx5.qq.com 调试，结果现在微信中一打开网页，微信就崩溃了。友情提示：这个得慎用，使用前备份聊天记录，有卸载重装微信的准备。

---

后来又用官方其他示例在 Android 微信中打开。
https://gallery.flutter.dev/#/ 可以显示
https://flutter.github.io/sam... 可以显示
https://flutter.github.io/sam... 空白页但是有加载⭕️

三。 开发环境
Flutter 2.3.0-13.0.pre.59 • channel master • https://github.com/flutter/fl...
Framework • revision 1e35f4c0c6 (3 days ago) • 2021-05-20 03:14:01 -0400
Engine • revision 67c537d41b
Tools • Dart 2.14.0 (build 2.14.0-129.0.dev)

Answer 1

根据浏览器调试为这行代码出现问题。隐藏掉这行代码即可正常显示。