为什么我在构建 flutter web 时会出现白屏

Question

我想构建一个flutter web应用程序，所以我输入'webdev build'命令，操作完成后，我打开位于build目录中的'index.html'文件，它只是一个白屏。我在一个新项目上尝试过，但问题仍然存在。开发过程中没有问题。

这是我的颤振医生输出：

Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17134.766], locale en-US)

[?] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[?] Android Studio (version 3.3)
[?] VS Code (version 1.35.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

Answer 1

您必须将文件上传到服务器并将它们放入根文件夹中。

如果你想把它们放在其他文件夹中，你必须编辑“index.html”文件来告诉折边文件夹。

例如：如果您将文件上传到“test”文件夹，则必须编辑“index.html”的这一行：

<base href="/">

到

<base href="/test/">

Answer 2

对我来说似乎是防病毒软件的问题，运行flutter run -d chrome --release解决了我的问题。

Answer 3

您需要运行命令，它将提供类似或 的webdev serve地址。我在运行我的一个 Flutter Web 项目后附上了一张屏幕截图。它显示Serving web on因此您需要在浏览器中打开该 URL。localhost:8080127.0.0.1:8080webdev servehttp://127.0.0.1:8080

这个答案是在 flutter-web 是一个单独的项目并且 webdev 是运行应用程序的方式时编写的。

现在您可以用于flutter run -d chrome在 Web 上运行它。