为什么 Target 8 文件没有按照教程中的描述实现项目？

Question

在Target 8: Define a Custom DOM Tag 中，读者被告知可以通过扩展其他标签来创建自定义 DOM 标签。在将文件列为“这些文件实现应用程序：”之前，描述了一个名为“x-converter”的示例。

这三个文件是……

• drseuss.html 文件（不知道为什么项目名称和 HTML 文件突然出现偏差，而不是之前教程中的匹配名称...），
• converter-element.html 文件，
• 和一个convertercomponent.dart 文件。

我尝试在最新的 Dart 编辑器中创建一个新的应用程序，并将默认的 HTML 文件内容替换为 drseuss.html 的内容，将默认的 dart 文件内容替换为 convertercomponent.dart 的内容，并添加了 converter-element.html 文件.

修复包含问题后（教程中的文件指的是 drseuss.css，而不是默认项目名称的 CSS 文件），我只在 Chromium 浏览器中看到以下内容。

如您所见，教程中描述的元素（converter-element）没有出现。 为什么为项目提供的文件不符合教程中显示的内容？

作为参考，以下是教程中显示的内容。

Answer 1

Web UI 需要 build.dart 脚本，它将各种组件编译成可执行的输出 HTML+Dart。

查看您引用的 github src 中的parent folder，您将看到build.dart 脚本。

此外，您还需要该文件夹中的pubspec.yaml，其中包括web_ui 包，其中引入了build.dart 使用的dwc 工具（Dart Web 组件编译器）。

查看文章 Tools for Web UI 了解有关 dwc 和 build.dart 的更多信息，以及 Target 6 - Getting Started with Web UI 涵盖类似的内容，但采用教程格式。