颤动Web调试正在工作，但构建Web显示一个空白页面 [英] Flutter web debug is working but build web shows a blank page

问题描述

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!

我在测试版中使用Ffltter v1.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来运行本地主机： python -m http.server 8080在$ROOT_Folderuildweb

我找到了另一个答案，它建议托管Buildweb文件夹，因为本地主机有CORS问题

另外，我尝试使用调试模式：flutter run -d Chrome，它起作用了！

其他信息：我正在Chrome v84.0.4147.89(官方版本)(64位)上进行测试

推荐答案

在此处找到此问题的答案。这实际上是由于起火基地造成的，根本不是颤动问题。

• GitHub Issue
• Stackoverflow answer

这篇关于颤动Web调试正在工作，但构建Web显示一个空白页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！