为什么在建立颤动网络时出现白屏

Question

我想构建一个Flutter Web应用程序，所以我输入“ webdev 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

对我来说，杀毒似乎是一个问题，运行flutter run -d chrome --release解决了我的问题。

Answer 2

您需要运行webdev serve命令，它将提供一个类似localhost:8080或127.0.0.1:8080的地址。在为我的Flutter Web项目之一运行webdev serve之后，我已附加了屏幕截图。它说在http://127.0.0.1:8080上提供网页，因此您需要在浏览器中打开该URL。

Answer 3

我遇到了同样的问题。我在chrome上使用了检查代码，并检查了控制台部分。因此出现了错误not allowed to load local resource，并且某个文件的路径是这样的：

import 'file:///C:/Users/../someFile.dart';

并通过更改路径

import 'package:.../someFile.dart'

白屏消失了，问题解决了。

Answer 4

我没有从文档“使用静态HTTP服务器运行应用程序”中关注这部分。我只是打开index.html而不使用它是服务器。

Answer 5

对我来说，我在master频道中，并且通过以下操作解决了该问题：

flutter channel dev
flutter upgrade
flutter run -d chrome

Answer 6

只需在命令行中运行 flutter config --enable-web 并关闭编辑器，然后再次运行应用程序

Answer 7

我遇到了同样的问题。我在主频道并在下面解决问题：

flutter clean 

flutter pub get 

flutter pub cache repair

Answer 8

我遇到了同样的问题。我在稳定频道中并在下面解决问题：

flutter clean 

flutter pub get 

flutter pub cache repair

希望能解决您的问题。