ag-grid-community ライブラリを LitElements で使用できますか?

Question

LitElements で ag-grid-community を使用することはできますか? これは私が試したことですが、以下のコードを使用して ag-grid インスタンスを初期化できません。

コンソール エラー - ag-grid-community.auto.esm.js:45056 Uncaught TypeError: 'MutationObserver' で 'observe' の実行に失敗しました: パラメータ 1 は 'Node' タイプではありません。

import { Grid } from 'ag-grid-community';

エクスポート クラス myComponent extends LitElement {
  静的スコープ要素 = {
    'ag-grid': グリッド
  };

  コンストラクター() {
    素晴らしい（）;
    this.columnDefs = [
      {ヘッダー名: "メイク"、フィールド: "メイク"}、
      {ヘッダー名: "モデル"、フィールド: "モデル"}、
      {ヘッダー名: "価格"、フィールド: "価格"}
    ];
        
    this.rowData = [
      {メーカー：「トヨタ」、車種：「セリカ」、価格：35000}、
      {メーカー: "フォード"、モデル: "モンデオ"、価格: 32000}、
      {メーカー：「ポルシェ」、モデル：「ボクスター」、価格：72000}
    ];
        
    this.gridOptions = {
      columnDefs: this.columnDefs,
      rowData: this.rowData,
    };

    const eGridDiv = document.querySelector('#myGrid');
    新しいグリッド(eGridDiv, this.gridOptions);
  }
  与える（） {
    HTMLを返す`
      <div>
          <農業グリッド
            .gridOptions=${this.gridOptions}
          ></ag-grid>
      </div>
    `;
  }
}

Answer 1

コードからコメント テキストを削除する必要があります

リーリー

また、ここのカンマを削除するのを忘れていると思います:

リーリー