MatTableDataSource не был обработан в angular

Question

Я новичок в материале angular. Когда я пытался привязать tableource к mat-table, я получаю ошибку компиляции, как показано ниже: «node_modules/@angular/material/table/table-data-source.d.ts: 25: 22 - ошибка NG6002: появляется в NgModule.imports AppModule, но не удалось преобразовать в класс NgModule.

This likely means that the library (@angular/material/table) which declares MatTableDataSource has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy."

Мой код в компоненте. html:

<mat-table [dataSource]="emplist">
  <ng-container matColumnDef="Emp_Id">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Emp_Id </mat-header-cell>
    <mat-cell *matCellDef="let data">  </mat-cell>
    </ng-container>
   
    <!-- For Title -->
    <ng-container matColumnDef="Emp_Name">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Emp_Name </mat-header-cell>
    <mat-cell *matCellDef="let data">  </mat-cell>
    </ng-container>
   
    <!-- For Completion Status -->
    <ng-container matColumnDef="Emp_Gender">
    <mat-header-cell *matHeaderCellDef mat-sort-header>  Emp_Gender </mat-header-cell>
    <mat-cell *matCellDef="let data">  </mat-cell>
    </ng-container>
   
    <!-- For Completion Status -->
    
    <ng-container matColumnDef="action">
    <mat-header-cell *matHeaderCellDef> Actions </mat-header-cell>
    <mat-cell *matCellDef="let data">
    <button mat-button color="primary" (click)="EditEmployee(data.Emp_Id)">Edit</button>
    <button mat-button color="warn" (click)="DeleteEmployee(data.Emp_Id)">Delete</button>
    </mat-cell>
    </ng-container>
   
    <!-- <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> -->
    <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
   </mat-table>

Мой метод вызова службы в comp onet .ts

   GetEmployeesData(){
    this.serviceref.GetEmployees().subscribe(
      (res : any) =>
      {
        this.emplist =  res.data;
        console.log(this.emplist);
      },
      error =>{
        console.log(error);
        alert(error);
      }
      )}

Невозможно определить, почему компилятор выдает ошибку.

Answer 1

Добавьте указанную ниже конфигурацию c в пакет. json и npm установить.

{ "scripts": { "postinstall": "ngcc" } } 

Ссылка: https://angular.io/guide/ivy#speeding -up-ng cc -compilation