javascript - Angular 10 没有 ModalDialogService 的提供者

标签 javascript angular webpack ng-modules

最近我将 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有什么建议吗?

最佳答案

你在使用 ModalDialogService 吗?:

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

关于javascript - Angular 10 没有 ModalDialogService 的提供者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64118372/

相关文章:

javascript - Gatsby 插件 : How Can I Take a Component as a Plug-In Option?

javascript - 为什么我的 webpack 配置的 es6 版本会报错,而 es5 版本不会?

javascript - JavaScript 中名为 "status"的变量的奇怪行为

javascript - 在数组中查找可能的加法组合

node.js - 从 Angular 5 迁移到 Angular 7

angular - Angular2 ErrorHandler,错误导致代码中断

angular - Angular 4与Docker和Nginx

javascript - 禁用 jQuery 对话框中的控件

javascript - Ajax 在发送时从服务器读取响应

Angular 6 | Webpack 生产构建错误