angular - 'MatDialogRef' 模块导入的意外值 'AppModule' 。请添加@NgModule 注释

我正在尝试将 Angular Material 集成到 Angular 中，但出现以下错误。该程序已成功编译，但在浏览器中出现此问题。

Uncaught Error: Unexpected value 'MatDialogRef' imported by the module 'AppModule'. Please add a @NgModule annotation.
    at syntaxError (compiler.js:485)
    at eval (compiler.js:15226)
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15201)
    at JitCompiler._loadModules (compiler.js:34385)
    at JitCompiler._compileModuleAndComponents (compiler.js:34346)
    at JitCompiler.compileModuleAsync (compiler.js:34240)
    at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:239)
    at PlatformRef.bootstrapModule (core.js:5551)
    at eval (main.ts:11)

我在 app.module.ts 中导入了 MatDialogRef

import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';

imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatDialogModule,
    MatDialogRef,
    ReactiveFormsModule,
    HttpModule,
    HttpClientModule,
    AppRoutingModule
  ],

我还将它导入到保存对话框 html 的组件中。

import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';

导出类 ComposeMailComponent 实现 OnInit {

constructor(private dialogRef: MatDialogRef<ComposeMailComponent>,
      @Inject(MAT_DIALOG_DATA) private data) {}

  ngOnInit() {
  }
}

最佳答案

您不需要在 app.module.ts 中导入 MatDialogRef ，更改

从

import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';

至

import { MatDialogModule} from '@angular/material';

并从 MatDialogRef 数组中删除 imports

关于angular - 'MatDialogRef' 模块导入的意外值 'AppModule' 。请添加@NgModule 注释，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48295332/