为什么在构建 flutter web 时出现白屏
Why do I get white screen when building flutter web
我想构建一个 flutter web 应用程序，所以我输入 'webdev build' 命令，操作完成后，我打开 build 目录下的 'index.html' 文件，它只是一个白屏。
我在一个新项目上尝试过，但问题仍然存在。
显影没有问题
这是我的 flutter doctor 输出：
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.
您需要 运行 webdev serve 命令，它会提供一个地址，如 localhost:8080 或 127.0.0.1:8080。我在 运行ning webdev serve 之后附上了我的一个 Flutter Web 项目的屏幕截图。它说 在 http://127.0.0.1:8080 上提供网络服务，因此您需要在浏览器中打开 URL。
这个答案是在 flutter-web 是一个单独的项目并且 webdev 是 运行 应用程序的方式时写的。
现在您可以将 flutter run -d chrome 到 运行 用于 Web。
我没有从文档中注意这部分，"run the application using a static HTTP server."。我只是打开 index.html 没有使用它是服务器。
对我来说似乎是防病毒问题，运行 flutter run -d chrome --release 解决了我的问题。
我有相同的 issue.I 在 chrome 上使用了检查代码并检查了 console section.So 有错误 not allowed to load local resource 和某个文件的路径是这样的：
import 'file:///C:/Users/../someFile.dart';
然后将路径更改为
import 'package:.../someFile.dart'
白屏消失，问题已解决。
对我来说，我在 master 频道并执行以下操作解决了问题：
flutter channel dev
flutter upgrade
flutter run -d chrome
只需 运行 flutter config --enable-web 在您的命令行中并关闭您的编辑器，然后 运行 再次应用程序
我遇到了同样的问题。我在稳定的渠道中并通过以下方式解决了问题：
flutter clean
flutter pub get
flutter pub cache repair
希望能解决你的问题
我遇到了同样的问题。我在主频道并执行以下操作解决了问题：
flutter clean
flutter pub get
flutter pub cache repair
您必须将文件上传到服务器并将它们放在根文件夹中。
如果你想把它们放在其他文件夹中，你必须编辑“index.html”文件来告诉文件夹。
例如：
如果您将文件上传到“test”文件夹，则必须编辑“index.html”这一行：
<base href="/">
到
<base href="/test/">
我的应用 运行ning 在 Chrome 中出现空白页时遇到了同样的问题。我已经通过使用 flutter create .:
重新创建项目来修复它
- 将您的
lib 目录和 pubspec.yml 文件移动到安全的地方。
- 然后，删除项目目录中的其余文件和目录。
- 运行
flutter create ..
- 移回步骤 1 中的那些文件。
我想构建一个 flutter web 应用程序，所以我输入 'webdev build' 命令，操作完成后，我打开 build 目录下的 'index.html' 文件，它只是一个白屏。 我在一个新项目上尝试过，但问题仍然存在。 显影没有问题
这是我的 flutter doctor 输出：
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.
您需要 运行 webdev serve 命令，它会提供一个地址，如 localhost:8080 或 127.0.0.1:8080。我在 运行ning webdev serve 之后附上了我的一个 Flutter Web 项目的屏幕截图。它说 在 http://127.0.0.1:8080 上提供网络服务，因此您需要在浏览器中打开 URL。
这个答案是在 flutter-web 是一个单独的项目并且 webdev 是 运行 应用程序的方式时写的。
现在您可以将 flutter run -d chrome 到 运行 用于 Web。
我没有从文档中注意这部分，"run the application using a static HTTP server."。我只是打开 index.html 没有使用它是服务器。
对我来说似乎是防病毒问题，运行 flutter run -d chrome --release 解决了我的问题。
我有相同的 issue.I 在 chrome 上使用了检查代码并检查了 console section.So 有错误 not allowed to load local resource 和某个文件的路径是这样的：
import 'file:///C:/Users/../someFile.dart';
然后将路径更改为
import 'package:.../someFile.dart'
白屏消失，问题已解决。
对我来说，我在 master 频道并执行以下操作解决了问题：
flutter channel dev
flutter upgrade
flutter run -d chrome
只需 运行 flutter config --enable-web 在您的命令行中并关闭您的编辑器，然后 运行 再次应用程序
我遇到了同样的问题。我在稳定的渠道中并通过以下方式解决了问题：
flutter clean
flutter pub get
flutter pub cache repair
希望能解决你的问题
我遇到了同样的问题。我在主频道并执行以下操作解决了问题：
flutter clean
flutter pub get
flutter pub cache repair
您必须将文件上传到服务器并将它们放在根文件夹中。
如果你想把它们放在其他文件夹中，你必须编辑“index.html”文件来告诉文件夹。
例如： 如果您将文件上传到“test”文件夹，则必须编辑“index.html”这一行：
<base href="/">
到
<base href="/test/">
我的应用 运行ning 在 Chrome 中出现空白页时遇到了同样的问题。我已经通过使用 flutter create .:
- 将您的
lib目录和pubspec.yml文件移动到安全的地方。 - 然后，删除项目目录中的其余文件和目录。
- 运行
flutter create .. - 移回步骤 1 中的那些文件。