web-dev-qa-db-ja.com

Angular-モジュールAppModuleによってインポートされた予期しない値のMatDialog

Angular Material in Angularを統合しようとしていますが、次のエラーが発生します。プログラムは正常にコンパイルされていますが、ブラウザでこの問題が発生しています。

Uncaught Error: Unexpected value 'MatDialog' 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)
javascriptangulartypescriptmaterial-designangular-material
6
D555

代わりにMatDialogModuleをインポートする必要があります。

@NgModule({
  imports: [
    ...,
    MatDialogModule 
  ]
  ...
})
export class AppModule {}

また、angular材料がセレクターでmdからmatに移動したことを忘れないでください。

28
yurzui