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

Question

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

这三个文件是......

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

我尝试在最新的Dart编辑器中创建一个新的应用程序，并用drseuss.html替换默认的HTML文件内容，用convertercomponent.dart替换默认的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 Components编译器）。

有关dwc和build.dart以及Tools for Web UI的更多信息，请参阅文章Target 6 - Getting Started with Web UI，其中包含类似的内容，但是采用教程格式。