Flutter Web 如何导出为 HTML

Posted 2023-02-23

【中文标题】Flutter Web 如何导出为 HTML

【英文标题】：Flutter Web How to export to HTML

【发布时间】：2019-09-27 12:44:03

【问题描述】：

今天我开始测试flutter-web并导出了我的应用程序：Flutter Recipes。 太棒了，我成功地把这个应用程序做成了一个不错的网络应用程序。

问题很简单：如何获取此代码并将其导出为 html 以便将其上传到网络？

【参考方案1】：

发布您的 Flutter/Dart 网络应用程序

安装花生

flutter pub global run peanut

跑花生

flutter pub global run peanut

更多信息：

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

Here您可以找到如何使用 Peanut 将您的 Flutter/Dart Web 应用程序部署到 GitHub Pages。

这里是 Flutter GDE Pawan Kumar 的另一个 tutorial，展示了他如何在 GitHub 页面中发布他的用 Flutter 制作的投资组合网站。我想你也是这样。

【参考方案2】：

我发现了我的问题。 包 url_launcher 做到了。当我删除这个包时，一切正常。 您可以在Flutter Recipes查看页面

感谢您的尝试

【讨论】：

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

【参考方案3】：

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

webdev build

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

【讨论】：

不，我在获取之前对其进行了测试：webdev could not run for this project。 Dart 2.2.0 与依赖项的 SDK 约束不兼容。请再次运行“pub get”。

您是否再次运行“pub get”？你的飞镖更新到 2.3 了吗？你在使用最新的 Flutter 吗？

我升级到2.3，但现在我得到：Flutter SDK 不可用

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