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

Question

当我运行时：

$ flutter build web

我收到错误

Missing index.html.

Flutter 应用程序显示在浏览器中，但在 VS Code 中显示为“No Device”。如何调试或解决此问题？

Answer 1

查看您的颤振医生的输出会有所帮助，但我猜您的项目未针对 Web 进行配置。

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

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

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

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

$ flutter create .

这将重建项目以支持 web。

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

Answer 2

我有这个问题。我可以在调试模式下运行 Web 应用程序，但无法创建 Web 应用程序。

在终端中运行此行以解决问题：

 flutter create .

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

Answer 3

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

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

你可以在上图中看到，左边的 Flutter_Web 是使用stablechannel创建的。

另一方面，Web2 只是使用beta通道创建的。

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

flutter create

flutter run -d chrome