您必须将它添加到entryComponents中，正如文档中指定的那样。

@NgModule({
  imports: [
    // ...
  ],
  entryComponents: [
    DialogInvokingComponent, 
    DialogResultExampleDialog
  ],
  declarations: [
    DialogInvokingComponent,   
    DialogResultExampleDialog
  ],
  // ...
})

下面是一个完整的应用模块文件示例，其中的对话框定义为entryComponents。

虽然整合素材对话是可能的，但我发现这样一个简单功能的复杂性相当高。如果您试图实现非平凡的特性，那么代码将变得更加复杂。

出于这个原因，我最终使用了PrimeNG Dialog，我发现它使用起来非常简单:

m-dialog.component.html:

<p-dialog header="Title">
  Content
</p-dialog>

m-dialog.component.ts:

@Component({
  selector: 'm-dialog',
  templateUrl: 'm-dialog.component.html',
  styleUrls: ['./m-dialog.component.css']
})
export class MDialogComponent {
  // dialog logic here
}

m-dialog.module.ts:

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { DialogModule } from "primeng/primeng";
import { FormsModule } from "@angular/forms";

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    DialogModule
  ], 
  exports: [
    MDialogComponent,
  ], 
  declarations: [
    MDialogComponent
  ]
})
export class MDialogModule {}

简单地将对话框添加到组件的html中:

<m-dialog [isVisible]="true"> </m-dialog>

PrimeNG PrimeFaces文档易于遵循并且非常精确。

这是因为这是一个动态组件，你没有将它添加到@NgModule下的entryComponents中。

简单地添加到这里:

@NgModule({
  /* ----------------- */
  entryComponents: [ DialogResultExampleDialog ] // <---- Add it here

看看Angular团队是如何谈论entryComponents的:

entryComponents吗?: Array<Type<any>|any[]>数组列表 定义此模块时应编译的组件。为 对于这里列出的每个组件，Angular都会创建一个ComponentFactory和 将它存储在ComponentFactoryResolver中。

还有，这是@NgModule上的方法列表，包括entryComponents…

正如你所看到的，它们都是可选的(看看问号)，包括entryComponents，它接受一个组件数组:

@NgModule({ 
  providers?: Provider[]
  declarations?: Array<Type<any>|any[]>
  imports?: Array<Type<any>|ModuleWithProviders|any[]>
  exports?: Array<Type<any>|any[]>
  entryComponents?: Array<Type<any>|any[]>
  bootstrap?: Array<Type<any>|any[]>
  schemas?: Array<SchemaMetadata|any[]>
  id?: string
})

在惰性加载的情况下，你只需要在惰性加载模块中导入MatDialogModule。然后这个模块将能够用它自己导入的MatDialogModule渲染入口组件:

@NgModule({
  imports:[
    MatDialogModule
  ],
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    HomeComponent,
    DialogResultExampleDialog        
  ],
  entryComponents: [DialogResultExampleDialog]

如果你试图在服务中使用MatDialog -让我们称其为“PopupService”，该服务定义在一个模块中:

@Injectable({ providedIn: 'root' })

那么它可能不会起作用。我正在使用惰性加载，但不确定这是否相关。

你必须:

使用[提供:PopupService]直接向打开对话框的组件提供PopupService。这允许它在组件中使用(DI) MatDialog实例。我认为在这个实例中调用open的组件需要与dialog组件在同一个模块中。 将对话框组件移到app.module中(就像其他答案所说的那样) 在调用服务时传递matDialog的引用。

请原谅我的混乱的答案，重点是它的providedIn: 'root'是打破东西，因为MatDialog需要从一个组件。

你需要在@NgModule下使用entryComponents。

这适用于使用ViewContainerRef.createComponent()动态添加的组件。将它们添加到entryComponents告诉脱机模板编译器编译它们并为它们创建工厂。

在路由配置中注册的组件也会自动添加到entryComponents中，因为路由器出口也使用ViewContainerRef.createComponent()将路由组件添加到DOM中。

所以你的代码就像

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    HomeComponent,
    DialogResultExampleDialog        
  ],
  entryComponents: [DialogResultExampleDialog]