如何解决 flutter web 应用程序的移动浏览器上的白屏问题？

Question

我正在尝试构建一个 flutter web 应用程序。 在 Windows 10 上本地开发时一切正常，但是当我构建和部署应用程序时，它只能在我的桌面 Chrome 浏览器中运行。 从 Android 或 iOS 浏览器访问它会出现白屏。

1. 运行flutter channel master 。
2. 运行flutter upgrade 。
3. 运行flutter config --enable-web 。
4. 运行flutter create mywebapp 。
5. 运行cd webapp 。
6. 运行flutter build web 。
7. 部署到本地服务器或主机（例如cd build\web和 `http-server）。
8. 从移动设备 (Android/iOS) 上的浏览器连接到服务器。

我做错了什么，还是 flutter 刚刚坏了？

flutter doctor -v output：

[√] Flutter (Channel master, 1.19.0-4.0.pre.67, on Microsoft Windows [Version 10.0.18362.836], locale en-CA)
    • Flutter version 1.19.0-4.0.pre.67 at C:\_code\sdks\flutter
    • Framework revision f2320c3b7a (14 hours ago), 2020-06-04 14:45:17 -0700
    • Engine revision 859d892f1f
    • Dart version 2.9.0 (build 2.9.0-13.0.dev 54adfeb93f)


[√] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    • Android SDK at C:\_code\sdks\android
    • Platform android-29, build-tools 29.0.3
    • ANDROID_HOME = C:\_code\sdks\android
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 3.6)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 44.0.2
    • Dart plugin version 192.7761
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)

[√] VS Code (version 1.45.1)
    • VS Code at C:\Users\Brent\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.11.0

[√] Connected device (2 available)
    • Web Server • web-server • web-javascript • Flutter Tools
    • Chrome     • chrome     • web-javascript • Google Chrome 83.0.4103.97

• No issues found!

Answer 1

切换到beta频道解决了这个问题。 切换回master后，问题没有回来。

我还清理了我的 flutter 安装，但它似乎没有任何问题，所以不确定这是否有任何影响：

git clean -xfd
git pull
flutter doctor

Answer 2

尝试将master频道更改为dev ：

flutter channel dev
flutter upgrade
flutter run -d chrome
// or flutter run -d chrome --release