“$ flutter build web”抛出错误 "Missing index.html"？

Question

当我运行：

$ flutter build web

我遇到错误

Missing index.html.

Flutter 应用程序正在浏览器中显示，但在 VS Code 中显示为"No Device."我该如何调试或解决此问题？

Answer 1

看看你的 flutter doctor 的输出会有所帮助，但我猜你的项目没有为 web 配置。

如果你还没有，你需要像这样切换到 flutter beta 频道：

$ flutter channel beta
$ flutter upgrade
$ flutter config --enable-web

此时，运行ning flutter doctor应该显示chrome可用。

然后，切换到您的应用程序根目录，运行

$ flutter create .

这将重建项目以支持网络。

然后，从同一目录，您可以运行 flutter build web

Answer 2

如果你在切换到 flutter 频道 beta 之前已经创建了 flutter 项目，就会发生这种情况。

使用flutter channel beta创建一个新的flutter项目，你将拥有一个web文件夹。

您可以在上图中看到，左图 Flutter_Web 是使用 stable 通道创建的。

另一方面，Web2 刚刚使用 beta 渠道创建。

因此，对于您的情况，我建议执行以下步骤：

切换到 Flutter Beta 频道here for details
使用以下方法创建新的 Flutter 项目：

flutter create

尝试运行

flutter run -d chrome

将您之前的项目 lib 文件夹替换为这个新的 web project

Answer 3

我遇到了这个问题。我可以在调试模式下运行网络应用程序，但我无法创建网络应用程序。

运行终端中的这一行解决问题：

 flutter create .

这会将网络应用程序添加到您的项目中。

Answer 4

我必须在我的应用程序的根目录下创建一个 web/index.html 目录。在运行 flutter build web 构建文件夹中填充了已编译的 Web 文件。

下面是我的 Flutter 配置。我正在使用 flutter 版本管理器 btw

mobile_web_sample % fvm flutter --version
Flutter 2.1.0-13.0.pre.439 • channel master • https://github.com/flutter/flutter.git
Framework • revision d226d43912 (7 hours ago) • 2021-04-03 02:54:02 -0400
Engine • revision a0b52ae6bf
Tools • Dart 2.13.0 (build 2.13.0-194.0.dev)

“$ flutter build web”抛出错误 "Missing index.html"？

"$ flutter build web" is throwing the error "Missing index.html"?

dart

flutter

flutter-web