Flutter Web 调试正常，但构建 Web 显示空白页面

Question

flutter doctor结果

\n

[\xe2\x88\x9a] Flutter (Channel dev, 1.21.0-1.0.pre, on Microsoft Windows [Version 10.0.19041.388], locale en-US)\n[\xe2\x88\x9a] Android toolchain - develop for Android devices (Android SDK version 29.0.3)\n[\xe2\x88\x9a] Chrome - develop for the web\n[\xe2\x88\x9a] Android Studio (version 4.0)\n[\xe2\x88\x9a] VS Code (version 1.47.2)\n[\xe2\x88\x9a] Connected device (3 available)\n\n\xe2\x80\xa2 No issues found!\n

\n

我在 beta 通道中使用 flutter v 1.20-7.2.pre 并遇到了这个问题。所以我切换到了开发频道。

\n

我也尝试运行示例项目（样板文件）并得到一个空白页面。控制台在 main.dart.js 和 js_helper.dart 中显示一些错误：

\n

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)\n

\n

重现问题

\n

在任何 IDE 中创建示例项目\n运行以下命令:

\n

flutter channel beta\nflutter upgrade\nflutter config --enable-web\n

\n

或者

\n

flutter channel dev\nflutter upgrade\nflutter config --enable-web\n

\n

然后，运行：\nflutter build web

\n

之后，我使用 pythonpython -m http.server 8080在 $root_folder\\build\\web 中运行 localhost:\n

\n

我发现另一个答案建议托管 build\\web 文件夹，因为 localhost 有 CORS 问题

\n

另外，我尝试使用调试模式：flutter run -d Chrome并且它有效！

\n

额外信息：我正在 Chrome v 84.0.4147.89（官方版本）（64 位）上测试此功能

\n

Answer 1

在这里找到了这个问题的答案。这实际上是由于 firebase 而发生的，根本不是颤振问题。

• GitHub 问题
• 堆栈溢出答案