angular - NullInjectorError：StaticInjectorError（DynamicTestModule）[ToastrService -> InjectionToken ToastConfig]：在 tslint 角度 8

Question

当我在 Angular 8 项目中运行单元测试时，我在 ngx-toastr 中发现了一个错误

NullInjectorError：StaticInjectorError（DynamicTestModule）[ToastrService -> InjectionToken ToastConfig]：

我在 spec.ts 文件中导入了所需的模块，并且我在 app.module.ts 中声明了 forRoot()

  beforeEach(async(() => {
TestBed.configureTestingModule({
  imports: [MatTabsModule,
    ReactiveFormsModule,
    MatTooltipModule,
    HttpClientTestingModule,
    RouterTestingModule,
    ToastrModule
  ],
  declarations: [CommunicationComponent],
  providers: [
    ToastrService,
  ]
})
  .compileComponents();

}));

score 17 · Accepted Answer

从'ngx-toastr'导入{ToastrModule}；

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [ToastrModule.forRoot()],

    })
      .compileComponents();
  }));

如上所示在导入中添加 ToastrModule.forRoot() ，您的错误可能会得到解决

score 3 · Accepted Answer

这些方法对我不起作用。我必须为提供者提供我自己的价值。这对我有用：

首先，我声明了我自己的“虚拟”实现：

const toastrService = {
    success: (message?: string, title?: string, override?: Partial<IndividualConfig>) => { },
    error: (message?: string, title?: string, override?: Partial<IndividualConfig>) => { }
  };

然后，我在提供者部分指出了要使用的值：

providers: [
        ...
        { provide: ToastrService, useValue: toastrService },
      ],

score 1 · Accepted Answer

1

更改如下提供者

providers: [
  {provide: ToastrService, useClass: ToastrService}
]

于 2019-12-05T08:24:10.870 回答

score 0 · Accepted Answer

您可能忘记添加.forRoot()

只需在你的 module.ts 中添加这种方式

ToastrModule.forRoot()

angular - NullInjectorError：StaticInjectorError（DynamicTestModule）[ToastrService -> InjectionToken ToastConfig]：在 tslint 角度 8

4 回答 4

Related

Reference