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

func
  • 1
新手上路,请多包涵

一. 使用的官方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)

回复
阅读 2.8k
1 个回答
神叨叨的大菜鸟
  • 2
新手上路,请多包涵

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

宣传栏