我在 Angular 8 中使用 ngx toastr，如果有人知道解决方案告诉我，它会显示以下错误

Posted 2023-02-18

【中文标题】我在 Angular 8 中使用 ngx toastr，如果有人知道解决方案告诉我，它会显示以下错误

【英文标题】：i am using ngx toastr in angular 8 its showing below error if anyone knowns the solution tell me

【发布时间】：2020-11-20 02:58:18

【问题描述】：

错误错误：未捕获（承诺）：NullInjectorError：StaticInjectorError（AppModule）[ToastrService]： StaticInjectorError（平台：核心）[ToastrService]： NullInjectorError：没有 ToastrService 的提供者！ NullInjectorError：StaticInjectorError（AppModule）[ToastrService]： StaticInjectorError（平台：核心）[ToastrService]： NullInjectorError：没有 ToastrService 的提供者！ 在 NullInjector.get (core.js:855) 在 resolveToken (core.js:17514) 在 tryResolveToken (core.js:17440) 在 StaticInjector.get (core.js:17266) 在 resolveToken (core.js:17514) 在 tryResolveToken (core.js:17440) 在 StaticInjector.get (core.js:17266) 在 resolveNgModuleDep (core.js:30393) 在 NgModuleRef_.get (core.js:31578) 在 injectInjectorOnly (core.js:734) 在 resolvePromise (zone-evergreen.js:797) 在 resolvePromise (zone-evergreen.js:754) 在 zone-evergreen.js:858 在 ZoneDelegate.invokeTask (zone-evergreen.js:391) 在 Object.onInvokeTask (core.js:39680) 在 ZoneDelegate.invokeTask (zone-evergreen.js:390) 在 Zone.runTask (zone-evergreen.js:168) 在 drainMicroTaskQueue (zone-evergreen.js:559) 在 ZoneTask.invokeTask [作为调用] (zone-evergreen.js:469) 在 invokeTask (zone-evergreen.js:1603)

【问题讨论】：

看来你没有导入 ToastrModule

【参考方案1】：

在您的 AppModule 中导入 ToastrModule：

import  ToastrModule  from 'ngx-toastr';

...

@NgModule(
    imports: [
        ...
        ToastrModule.forRoot(
          positionClass: 'toast-bottom-right',
          progressAnimation: 'decreasing',
          preventDuplicates: true,
          progressBar: true,
        )
    ]
)
export class AppModule 

【讨论】：

我在 appModule 中导入了 toastrModule。不知道为什么我会收到这个错误。

【参考方案2】：

您很可能在 Angular 版本中使用了错误版本的 ngx-toastr。在这里查看哪个版本兼容https://github.com/scttcper/ngx-toastr#dependencies