NullInjectorError：没有 MatDialog 的提供者 - 尝试为 MatDialog 创建包装服务

我是编码新手，也是 Angular 新手，所以我想我会寻求一些帮助。这是我的第一个问题，所以请耐心等待。

我想为 Angular Material Dialog Service 创建一个包装服务（我只是想自学 - 这不是用于生产应用程序），所以我在我的应用程序中创建了一个服务，如下所示：

import {Injectable} from '@angular/core';
import {MatDialog} from '@angular/material';
    
@Injectable({
    providedIn: 'root'
})
export class MatDialogWrapperService {
    
    constructor(private dialog: MatDialog) {
    }
    
    open(componentRef, config = {}) {
        this.dialog.open(componentRef, config);
    }
}

现在，我尝试将其添加到我的应用程序中的另一个角度组件中，如下所示：我导入它，将其添加到提供者数组中，将其放入构造函数中，然后将其放入方法中（为了方便起见，我删除了一些代码）阅读）

@Component({
    selector: 'app-intro-form',
    templateUrl: './intro-form.component.html',
    providers: [MatDialogWrapperService],
        styleUrls: ['./intro-form.component.scss']
})
export class IntroFormComponent {  
  
    constructor(private modalService: MatDialogWrapperService ) {
    }
    
    modalCall() {
        this.modalService.open(ModalFormComponent, {width: '500px'});
    }
}

当我加载应用程序时，我在控制台中看到以下错误：

未处理的 Promise 拒绝：StaticInjectorError(AppModule)[ MatDialogWrapperService -> MatDialog]：StaticInjectorError（平台： 核心）[ MatDialogWrapperService -> MatDialog]：

NullInjectorError：没有 MatDialog 的提供者！ ;区域： ;任务： 承诺.然后;值：错误：StaticInjectorError（AppModule）[ MatDialogWrapperService -> MatDialog]：StaticInjectorError（平台： 核心）[ MatDialogWrapperService -> MatDialog]：

我认为我已经在包装服务中正确注入了 MatDialog？我究竟做错了什么？

提前致谢。

此错误意味着您尚未在应用程序中包含材质对话框模块，因此没有提供程序。

In your app.module.ts，确保您已添加MatDialogModule到您的进口。

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    MatDialogModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

为了将来的参考，您需要包含该模块any您正在使用的材料组件。检查每个模块的文档以找出您需要哪个模块（尽管大多数都是不言自明的）