1

ターゲット8：カスタムDOMタグの定義では、他のタグを拡張することで作成できるカスタムDOMタグについて読者に説明します。「これらのファイルはアプリを実装します：」としてファイルをリストする前に、「x-converter」と呼ばれる例のサンプルについて説明します。

3つのファイルは...

  • drseuss.htmlファイル（以前のチュートリアルで一致した名前とは対照的に、プロジェクト名とHTMLファイルに突然の逸脱がある理由はわかりません...）、
  • converter-element.htmlファイル、
  • およびconvertercomponent.dartファイル。

最新の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スクリプトが表示されます。

さらに、で使用される dwc ツール (Dart Web Components コンパイラー) を取り込むパッケージpubspec.yamlを含む、そのフォルダーからの も必要になります。web_uibuild.dart

dwc と build.dart の詳細については、 Tools for Web UIの記事を参照してください。また、 Target 6 - Getting Started with Web UIも同様の内容をチュートリアル形式で説明しています。

于 2013-03-16T09:00:07.497 に答える