問題タブ [dart-webui]

web_ui で dart を使用して Web アプリケーションを構築しています。

web_ui pub を追加するまではすべて正常に機能していましたが、build.dart ファイルを実行しようとするとエラーが発生します。

これは何を意味するのでしょうか？

私が理解していることから、これは、「String」クラスを拡張しているクラス「AttributeName」の「name」という名前のインスタンスがどこかにあることを意味します。

プロジェクト全体を検索しましたが、「AttributeName」という名前のクラスも「name」のインスタンスもどこにもありません。

最新の Dart エディターと SDK を使用しています。

編集:これは私のbuild.dartファイルです:

また、すべてのパブを更新しました

Dart の Web UI パッケージに問題があります。

まず、Web UI が html タグを解釈していないことがわかりました。タグなどを使用して、<br />html の div または span 要素内に html コードを挿入することはできませんか?

編集：

私はこれを私のhtmlドキュメントに持っています:

これは私のダーツファイルにあります：

html ドキュメントdataValueの placeholder( ) 内に文字列を配置することで、「注入」します。{{dataValue}}私の質問は、どうにかしてこの文字列を html として解釈できますか? 現在、<br />タグは通常のテキストとして表示されており、html の改行として解釈されていません。

webUI使用時のスタイリングに困っています。

dataValues を挿入すると、デザインが壊れます。

私の具体的なケースでは、メニューが正しく表示されません。私が見る{{dataValue}}限り、最初の文字列の長さは 0 で、webUI がインジェクションを行う前に html と css が適用されているようです。

そのため、文字列を配置すると、間違った長さで計算されているように見えます。

デバッグ中にcssファイルを再編集すると（幅は変更しません：100％再編集して保存するだけなので、cssが再適用されます）、見た目は問題ありません。

私は（dartファイルから）使用してみました：

しかし、これはどれもうまくいかないようです。

基本的に、CSSをリロード/再適用することでこれを解決できると思います。これを達成する方法を知っている人はいますか？

編集: {{datavalue}} とは何ですか? ..put my string.... <- 何の文字列? ..間違った長さ.. <- 何が悪いの? Dart Editor で「Javascript として実行」し、ハードディスクから HTML ファイルを実行した場合、動作しますか? CSS スタイルは正しく表示されますか? どのブラウザで？

• {{dataValue}} は Darts webUI からの表記です。
• 私の文字列は通常の一連の文字です-たとえば"Word"
• Dart は {{dataValue}} を長さ 0 の文字列として解釈します。webUI を使用して文字列を「注入」すると、長さが 0 であるかのように css が適用されます。width=100% は、新しい文字列の長さで再適用されません。
• Javascript または Dartium は違いはありません。
• 私はクロムを使用しています。

編集2：

はい、dataValue初期値がありますが、それでも設計が壊れています。

これはコードです：

.dart ファイルでは、 StringstheFlowなどに値を割り当てているだけで、その後呼び出していますconnectbusinesswatcher.dispatch();

これは CSS ファイル内にあります。

web_ui アプリケーション用に生成されたサンプル コンテンツは、web フォルダーに xclickcounter.dart と xclickcounter.html を追加します。これはアプリケーション パッケージです。

これらを lib フォルダーに追加して、他のパッケージが依存するパッケージとして使用するにはどうすればよいですか? 出来ますか？

現在、相対パスでパッケージからコンポーネントをインポートしています。

ただし、パッケージのネストを開始すると、これは適切に機能しなくなります。ここにある小さな例をセットアップしました: https://github.com/nikgraf/nesting-components

パッケージ アプリをビルドしようとすると、次のエラー メッセージが表示されます。

現在の構造:

アプリ - 依存関係: PackageA

PackageA - 依存関係: PackageB

役立つ背景情報: 私のアプリケーションには、ビルドするいくつかの Dart アプリで使用されるパッケージ A の x-login コンポーネントが含まれています。x-login コンポーネントと一般的にパッケージ A には、アプリケーション用の特定のコードが含まれています。x-login は、パッケージ B にある x-button コンポーネントを使用できる必要があります。パッケージ B は、公開する汎用コンポーネントを含むパッケージです。

アプリケーションを別の方法で構造化する方法や、より良い方法でコンポーネントをインポートする方法について何かアドバイスはありますか?