为什么构建 flutter 应用程序不显示内容？

Question

我已经使用 flutter build web 构建了一个 flutter 应用程序，它使用一些额外的文件制作了一个 html，如下所示：

[assets]
[icons]
.last_build_id
favicon.png
flutter_service_worker.js
index.html
main.dart.js
manifest.json
version.json

问题是，当我打开 index.html 文件时，只显示一个空白的空白屏幕...

代码在调试中正确显示。然后为了确保代码没有问题，我尝试了默认的flutter app，结果是一样的。

感谢大家

Answer 1

您需要一个本地服务器来查看构建的网络应用程序。一种简单的方法是在 vscode 上使用 Live Server 扩展。

在 vscode 工作区上打开根构建，然后单击 go live。

有关使用 LiveServer 的更多信息。