Dart 为什么'；这个Web UI代码不能工作吗？

我用web ui创建了一个新的web应用程序。所有软件包似乎都已正确安装。我运行了生成的“单击计数器”示例，但它没有出现。我转到Web UI文章并粘贴了以下代码：

点击我
（单击计数：{{count}}）
导入“包：web_ui/web_ui.dart”；
类计数器组件扩展WebComponent{
整数计数=0；
void increment（）{count++；}
}
int myNumber=12；
main（）{}

---

但这也不起作用。代码有问题吗？它过时了吗？是否有一些我没有考虑的依赖性？

代码对我来说很好。 您是否先运行

build.dart

？无法直接运行此脚本并使其正常工作。您应该有一个顶级的

build.dart

文件，看起来像这样（我假设该文件位于

web/

目录中，名为

click\u counter.html

）：

import'packages/web\u ui/component\u build.dart'；
导入“dart:io”；
void main（）{
构建（newoptions（）.arguments，['web/click_counter.html']）；
}

运行此文件时，将自动为您生成一个

out/

目录。右键单击

out/

目录中的

单击\u counter.html

文件，然后运行它。它应该会起作用

---

有关编译过程的更多信息，请访问。

代码对我来说很好

您是否先运行

build.dart

？无法直接运行此脚本并使其正常工作。您应该有一个顶级的

build.dart

文件，看起来像这样（我假设该文件位于

web/

目录中，名为

click\u counter.html

）：

import'packages/web\u ui/component\u build.dart'；
导入“dart:io”；
void main（）{
构建（newoptions（）.arguments，['web/click_counter.html']）；
}

运行此文件时，将自动为您生成一个

out/

目录。右键单击

out/

目录中的

单击\u counter.html

文件，然后运行它。它应该会起作用

---

有关编译过程的更多信息，请访问。

没错。我现在觉得自己很愚蠢。不过，非常感谢！另一方面，从Dart编辑器来看，运行过程现在是一件麻烦事。编辑web/app.html，保存它，运行build.dart，运行web/out/app.html。返回web/app.html进行编辑。我认为这应该是一个剧本。别觉得愚蠢，我们都犯了同样的错误。你完全正确：构建过程可以简化。你是对的。我现在觉得自己很愚蠢。不过，非常感谢！另一方面，从Dart编辑器来看，运行过程现在是一件麻烦事。编辑web/app.html，保存它，运行build.dart，运行web/out/app.html。返回web/app.html进行编辑。我认为这应该是一个剧本。别觉得愚蠢，我们都犯了同样的错误。你完全正确：构建过程可以简化。