LitElements와 함께 ag-grid-community 라이브러리를 사용할 수 있나요?

Question

LitElements와 함께 ag-grid-community를 사용할 수 있나요? 이것이 제가 시도한 것이지만 아래 코드를 사용하여 ag-grid 인스턴스를 초기화할 수 없습니다.

콘솔 오류 - ag-grid-community.auto.esm.js:45056 잡히지 않은 TypeError: 'MutationObserver'에서 'observe'를 실행하지 못했습니다. 매개변수 1이 'Node' 유형이 아닙니다.

'ag-grid-community'에서 { 그리드 } 가져오기;

내보내기 클래스 myComponent는 LitElement를 확장합니다.
  정적 범위 요소 = {
    'ag-grid': 그리드
  };

  생성자() {
    감독자();
    this.columnDefs = [
      {headerName: "만들기", 필드: "만들기"},
      {headerName: "모델", 필드: "모델"},
      {headerName: "가격", 필드: "가격"}
    ];
        
    this.rowData = [
      {make: "Toyota", 모델: "Celica", 가격: 35000},
      {제조사: "Ford", 모델: "Mondeo", 가격: 32000},
      {제조사: "Porsche", 모델: "Boxter", 가격: 72000}
    ];
        
    this.gridOptions = {
      열 정의: this.columnDefs,
      rowData: this.rowData,
    };

    const eGridDiv = document.querySelector('#myGrid');
    new Grid(eGridDiv, this.gridOptions);
  }
  렌더링() {
    HTML을 반환`
      <div>
          <ag-그리드
            .gridOptions=${this.gridOptions}
          ></ag-grid>
      </div>
    `;
  }
}

Answer 1

코드에서 주석 텍스트를 제거해야 합니다

으아악

또한 여기에서 쉼표를 제거하는 것을 잊으신 것 같습니다:

으아악