gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 17:46:12 26 4
gpt4 key购买 nike

我正在尝试将 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,更改

来自

从 '@angular/material/dialog' 导入 { MatDialogModule, MatDialogRef };

从'@angular/material'导入{MatDialogModule};

并从 imports 数组中移除 MatDialogRef

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com