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)
代わりにMatDialogModule
をインポートする必要があります。
@NgModule({
imports: [
...,
MatDialogModule
]
...
})
export class AppModule {}
また、angular材料がセレクターでmd
からmat
に移動したことを忘れないでください。