Почему файлы Target 8 не реализуют проект, как описано в учебнике?

Question

В Target 8: Define a Custom DOM Tag читателю рассказывается о пользовательских тегах DOM, которые могут быть созданы путем расширения других тегов. Образец описывается для примера, называемого «x-converter», прежде чем перечислять файлы как «Эти файлы реализуют приложение:».

Три файлы ...

• drseuss.html файл (не знаю, почему это внезапное отклонение от имени проекта и файл HTML, в отличие от имен согласующих в предыдущих уроках ...) ,
• a converter-element.html file,
• и файл convertercomponent.dart.

Я попытался создать новое приложение в последнем редакторе Dart, и заменить содержимое по умолчанию HTML файл с тем из drseuss.html, заменить содержимое дротика по умолчанию файл с тем из convertercomponent.dart, и добавил конвертер-элемент .html.

После исправления проблемы с включением (файл из учебника относится к drseuss.css, а не к файлу CSS проекта по умолчанию), я вижу только следующее в браузере Chromium.

Как вы можете видеть, элемент, описанный в учебнике (конвертер-элемент) не отображается. Почему файлы, предоставленные для проекта, не приводят к тому, что показано в учебнике?

Для справки, вот что показано в учебнике.

Answer 1

Web UI требует build.dart скрипта, который компилирует различные компоненты в исполняемый выход HTML + Dart.

Посмотрите на parent folder в github src, на который вы ссылаетесь, и вы увидите скрипт build.dart.

Кроме того, вы будете нуждаться в pubspec.yaml из этой папки тоже, которая включает в себя web_ui пакет, который приносит в инструмент DWC (Dart Web Components компилятора), используемого build.dart.

Для получения дополнительной информации о dwc и build.dart см. Статью Tools for Web UI, а также Target 6 - Getting Started with Web UI, которая покрывает аналогичные основания, но в формате учебника.