1

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

这三个文件是...

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

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

没有教程中显示的元素!

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

作为参考,这是教程中显示的内容。

在此处输入图像描述

4

1 回答 1

2

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

查看您引用的 github src 中的父文件夹,您将看到该build.dart脚本。

此外,您还需要pubspec.yaml来自该文件夹的文件,其中包括包,它引入了 .dwc 工具(Dart Web Components 编译器)web_ui使用build.dart

查看文章Web UI 工具以获取有关 dwc 和 build.dart 的更多信息,以及Target 6 - Web UI 入门,其中涵盖了类似的内容,但采用教程格式。

于 2013-03-16T09:00:07.497 回答