【问题标题】:i am using ngx toastr in angular 8 its showing below error if anyone knowns the solution tell me我在 Angular 8 中使用 ngx toastr,如果有人知道解决方案告诉我,它会显示以下错误
【发布时间】: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

标签: angular ngx-toastr


【解决方案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

【讨论】:

    猜你喜欢
    • 2022-10-18
    • 2020-04-12
    • 1970-01-01
    • 2016-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-08
    • 1970-01-01
    相关资源
    最近更新 更多