9

我想构建一个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.
4

10 回答 10

6

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

于 2020-08-07T02:56:48.060 回答
2

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

如果要将它们放在其他文件夹中，则必须编辑“index.html”文件以告诉下摆文件夹。

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

<base href="/">

至

<base href="/test/">
于 2021-09-28T15:37:54.590 回答
1

你需要运行webdev serve命令，它会提供一个类似localhost:8080或的地址127.0.0.1:8080。webdev serve在为我的一个 Flutter Web 项目运行后，我附上了一张截图。它说Serving web onhttp://127.0.0.1:8080所以你需要在浏览器中打开那个 URL。

在此处输入图像描述

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

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

于 2019-06-15T20:21:50.990 回答
1

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

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

并通过改变路径

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

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

于 2020-10-26T11:10:15.030 回答
0

我的应用在 Chrome 中作为空白页运行时遇到了同样的问题。我已经通过重新创建一个项目来修复它flutter create .：

  1. 将您的lib目录和pubspec.yml文件移动到安全的地方。
  2. 然后，删除项目目录中的其余文件和目录。
  3. 运行flutter create .。
  4. 从步骤 1 移回这些文件。
于 2021-12-27T15:38:43.370 回答
0

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

于 2019-06-16T13:58:01.810 回答
0

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

flutter clean 

flutter pub get 

flutter pub cache repair
于 2021-08-05T10:19:44.420 回答
0

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

于 2021-07-28T10:07:29.700 回答
0

对我来说，我在master频道中并在下面解决了这个问题：

flutter channel dev
flutter upgrade
flutter run -d chrome
于 2020-12-17T15:15:14.050 回答
-1

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

flutter clean 

flutter pub get 

flutter pub cache repair

我希望能解决你的问题。

于 2021-08-05T10:07:55.243 回答