問題タブ [lit-element]

複数のファイルのファイル アップロードを表す LitElement があります。これは、各ファイルを表すサブコンポーネントを使用します。

Polymer 3 とは大きく異なるように見えるため、LitElements を使用してサブコンポーネントに変更を反映させるためのベスト プラクティスの例を見つけるのに苦労しています。

ここに私がしようとしているもののカットダウンの例があります:

ファイルのステータスを更新すると、アップロード コンポーネントは再レンダリングされますが、アップロード ファイル コンポーネントは再レンダリングされません。

ここで何が間違っていますか？LitElement の使用例はあまりありません。

ティア

lit-elementバージョンへの移行時0.6.0。私が使用する場合

header私の文書の一部で。次のエラーがあります。

エラースタックが巨大で、多くの非同期呼び出しが含まれているため、このエラーがどこから来たのかを追跡できませんでした。また、最小限の例を再現しようとしましたが、同じエラー メッセージをエミュレートできませんでした。このエラーの結果、一部のカスタム要素のロードが完全に失敗します (アプリケーションが使用できなくなるまで)。

ここで、ヘッダー スクリプトを次のように変更すると、次のようになります。

エラーは消えるだけですが、コンソールに次の警告メッセージが表示されます。

互換性のない ShadyCSS バージョンが検出されました。(shady-render.ts:42)

少なくとも @webcomponents/webcomponentsjs@2.0.2 および @webcomponents/shadycss@1.3.1 に更新してください。

私のプロジェクトはすでにwebcomponentsjsバージョン2.1.2とshadycssバージョンを使用しているため、これは面白いメッセージです。1.5.2この警告メッセージに加えて、css ディレクティブ@applyは完全に無視され、その結果、インターフェイスはプロパティを使用しませんflex(混乱を想像させてください)。

これは、午後いっぱいドキュメントなどを掘り下げたにもかかわらず、本当に理解できない動作です。私はあなたの助けを呼びます。