flutter - 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) 上对此进行测试

标签： flutterwebflutter-webdart2jsdart-dev-compiler

Answer 1

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

• GitHub 问题
• 堆栈溢出答案