Flutter web 調試正常，但構建 web 顯示空白頁

Question

flutter doctor結果

[√] Flutter (Channel dev, 1.21.0-1.0.pre, on Microsoft Windows [Version 10.0.19041.388], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 4.0)
[√] VS Code (version 1.47.2)
[√] Connected device (3 available)

• No issues found!

我在 beta 通道中使用 flutter v 1.20-7.2.pre 並遇到了這個問題。 所以我切換到開發頻道。

我也嘗試運行示例項目（樣板文件）並得到一個空白頁。 控制台在 main.dart.js 和 js_helper.dart 中顯示了一些錯誤：

Could not load content for org-dartlang-sdk:///lib/_internal/js_runtime/lib/js_helper.dart (HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME)

重現問題

在任意 IDE 中創建示例項目 運行以下命令：

flutter channel beta
flutter upgrade
flutter config --enable-web

或者

flutter channel dev
flutter upgrade
flutter config --enable-web

然后，運行： flutter build web

在此之后，我使用 python 運行 localhost： python -m http.server 8080在 $root_folder\build\web

我找到了另一個答案，它建議將 build\web 文件夾托管為 localhost 有 CORS 問題

另外，我嘗試使用調試模式： flutter run -d Chrome並且成功了！

額外信息：我在 Chrome v 84.0.4147.89 (Official Build) (64-bit) 上對此進行測試

Answer 1

在這里找到了這個問題的答案。 它實際上是由於 firebase 而發生的，根本不是 flutter 問題。

• GitHub 問題
• 堆棧溢出答案

Answer 2

必須運行服務器。

dart pub global activate dhttpd

dart pub global run dhttpd --path build/web/