安装MatDialog 报错 怎么解决

Question

安装MatDialog 报错 怎么解决

错误

Error: node_modules/@angular/material/dialog/index.d.ts:516:18 - error TS2707: Generic type 'ɵɵDirectiveDeclaration' requires between 6 and 8 type arguments.

516     static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogTitle, "[mat-dialog-title], [matDialogTitle]", ["matDialogTitle"], { "id": "id"; }, {}, never, never, false, never>;

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AgGridModule } from 'ag-grid-angular';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
import { GridService } from './shared/service/grid.service';
import { MatDialogModule } from '@angular/material/dialog';
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    AgGridModule,
    HttpClientModule,
    MatDialogModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

参考GPT和自己的思路：

这个错误一般是由于 Angular 版本和 Material 版本不兼容造成的。

解决方法如下：

1. 确认你安装的 @angular/material 和@angular/cdk 的版本是否和你的 Angular 版本兼容。

2. 如果你的 Angular 版本和 Material 版本不兼容，可以尝试升级或降级 @angular/material 和@angular/cdk 以匹配你的 Angular 版本。

3. 如果你已经升级或降级 @angular/material 和@angular/cdk 并且问题依旧存在，请尝试删除 node_modules 目录并重新执行 npm install 命令，在安装新的依赖包时，确保所有的版本都兼容。

希望这些方法可以帮助你解决问题，如果还有其他问题请随时问我。