首页 > 解决方案 > Flutter 构建和展示网页

问题描述

我想使用 Flutter 创建一个网页。两个命令

flutter run -d chrome 

flutter build web

工作没有错误,并创建了 build - 文件夹。

我不明白 - 但是 - 我现在如何使用构建文件夹的内容。当我index.html在浏览器中打开文件时,我得到一个空网页。我必须执行另一个步骤才能看到构建网页吗?

标签: flutterflutter-web

解决方案


通过运行更改为频道测试版后:

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

您需要确保您的项目有网络支持。你可以做:

$ flutter create .

添加对现有项目的支持。此外,除非您想在大多数情况下创建发布版本,否则构建命令不应该是必需的。只需使用:

flutter run -d chrome

只要您安装了chrome就应该没问题。由于页面是空白的,请稍等片刻,因为直到引擎加载后内容才会出现。还要检查 %project_dir%/lib/main.dart 是否为空(如果您创建了一个新项目,则不应为空)。


推荐阅读