如何解決 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