NullInjectorError: StaticInjectorError(DynamicTestModule)[ToastrService -> InjectionToken ToastConfig]: in tslint angular 8

Question

When i run the unit testing in angular 8 project, i found an error in ngx-toastr

NullInjectorError: StaticInjectorError(DynamicTestModule)[ToastrService -> InjectionToken ToastConfig]:

And i imported the requierd modules in the spec.ts file, And also i declared forRoot() in app.module.ts

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

}));

score 22 · Accepted Answer · answered May 01 '20 at 21:14

import { ToastrModule } from 'ngx-toastr';

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

    })
      .compileComponents();
  }));

Add ToastrModule.forRoot() in imports as shown above and your error might be resolved

score 3 · Answer 2 · answered May 07 '20 at 20:37

These approaches did not work for me. I had to provide my own value for the provider. This is what worked for me:

First, I declared my own "dummy" implementation:

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

Then, I indicated the value to use in the providers section:

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

score 1 · Answer 3 · answered Dec 05 '19 at 08:24

1

Change the providers like below

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

answered Dec 05 '19 at 08:24

Ininiv

1,325
7
12

score 0 · Answer 4 · answered Dec 13 '20 at 19:02

0

You may forgot to add .forRoot()

Just add this way in your module.ts

ToastrModule.forRoot()

answered Dec 13 '20 at 19:02

Parth Developer

1,371
1
13
30

NullInjectorError: StaticInjectorError(DynamicTestModule)[ToastrService -> InjectionToken ToastConfig]: in tslint angular 8

4 Answers4