Flutter Web如何导出为HTML

Question

今天我开始测试flutter-web并导出我的应用程序：
Flutter Recipes。它非常棒，我成功地将这个应用程序制作成了一个不错的Web应用程序。

问题非常简单：我如何采取这个代码并将其导出到HTML中，以便将其上传到Web上？

- Meir

Answer 1

我找到了问题所在。是 url_launcher 这个包引起的。当我移除这个包后，一切恢复正常。

你可以在 Flutter Recipes 查看页面。

谢谢您的尝试。

- Meir

---

我能够构建，但当我运行我的index.html时，它打开一个空白页面。你是如何部署你的网站@ http://album.yt/flutter/#/的？ - ikben

Answer 2

要为发布构建您的应用程序，请在应用程序目录中运行以下命令。

webdev build

之后，您将看到一个新的构建文件夹，其中包含您的软件包、index.html和dart.js文件。您可以使用它来部署。

- Filled Stacks

---

不，我之前测试过了，结果是：webdev无法为此项目运行。Dart 2.2.0与您的依赖项SDK约束不兼容。请再次运行“pub get”。 - Meir

你是否再次运行了 'pub get'？你的 Dart 是否已经更新到 2.3 ？你是否在使用最新版的 Flutter？ - Filled Stacks

我升级到2.3版本，但现在出现了以下错误信息：Flutter SDK不可用。 - Meir

@Meir 那么这不是开发问题需要解决的。您应该正确设置您的环境，然后一切都会按预期工作。确保安装了最新的Flutter并且它在您的PATH中。运行flutter upgrade，然后将bin文件夹放入您的Flutter SDK路径中。 - Filled Stacks

Answer 3

发布你的Flutter/Dart Web应用程序

安装Peanut

flutter pub global run peanut

运行花生

flutter pub global run peanut

更多信息请见:

使用Peanut将您的网页发布到GitHub Pages。

在这里你可以找到如何使用Peanut将Flutter / Dart Web应用程序部署到GitHub Pages的方法。

这里还有另一个教程，由Flutter GDE Pawan Kumar提供，展示他如何使用flutter制作的个人网站发布到GitHub pages。我认为您可以按照相同的方式操作。

- Jithin Jude