javascript - Angular 10 没有 ModalDialogService 的提供者

Question

最近我将 Angular 8 升级到 Angular 10，结果我遇到了一个错误:

NullInjectorError: No provider for ModalDialogService!
NullInjectorError: R3InjectorError(AppModule)[ModalDialogService -> ModalDialogService -> ModalDialogService]: 
  NullInjectorError: No provider for ModalDialogService!

我的 package.json:

"dependencies": {
    "@angular/animations": "^10.1.3",
    "@angular/cdk": "^10.2.3",
    "@angular/common": "^10.1.3",
    "@angular/compiler": "^10.1.3",
    "@angular/core": "^10.1.3",
    "@angular/forms": "^10.1.3",
    "@angular/platform-browser": "^10.1.3",
    "@angular/platform-browser-dynamic": "^10.1.3",
    "@angular/router": "^10.1.3",
    "@ng-select/ng-select": "^5.0.3",
    "@types/jquery": "^3.3.31",
    "@types/qtip2": "^2.2.29",
    "adal-angular4": "^4.0.12",
    "angular2-draggable": "^2.3.2",
    "applicationinsights-js": "^1.0.21",
    "jquery": "^3.5.1",
    "ng-click-outside": "^5.3.0",
    "ng-custom-select": "^2.0.4",
    "ng5-slider": "^1.2.4",
    "ngx-modal-dialog": "^3.0.0",
    "ngx-perfect-scrollbar": "^10.0.1",
    "ngx-quill": "^12.0.1",
    "qtip2": "^3.0.3",
    "quill": "^1.3.7",
    "quill-image-drop-module": "^1.0.3",
    "quill-image-resize": "^3.0.9",
    "rxjs": "^6.6.3",
    "tslib": "^1.10.0",
    "zone.js": "^0.10.3"
  }

我按照文档中的描述注册了我的模块:

    ModalDialogModule.forRoot()

我试图降级@angular/cdk，但似乎无济于事。我 triex ModalDialogService 作为提供者——仍然没有用。

any1有什么建议吗？

Answer 1

你在使用 ModalDialogService 吗？:

constructor(modalService: ModalDialogService, viewRef: ViewContainerRef) { }
 
openNewDialog() {
  this.modalService.openDialog(this.viewRef, {
    title: 'Some modal title',
    childComponent: SimpleModalComponent
  });
}