角度测试 - NullInjectorError: StaticInjectorError(DynamicTestModule)[NgxPermissionsDirective -> NgxPermissionsService]

Question

我正在测试一个使用 ngx-permissions 的组件，但我收到错误 - NullInjectorError: StaticInjectorError(DynamicTestModule)[NgxPermissionsDirective -> NgxPermissionsService]... 但我已经导入了该模块。 我的测试台配置如下图：

    TestBed.configureTestingModule({
      declarations: [ApplicationDetailsComponent],
      imports: [
        SharedModule,
        PipeModule,
        MaterialModule,
        NgxLoadingModule,
        RouterTestingModule,
        HttpClientTestingModule,
        ToasterTestingModule,
        NoopAnimationsModule,
        FlexLayoutModule,
        ReactiveFormsModule,
        NgxPermissionsModule,
      ],
      providers: [
        {
          provide: AuthService,
          useClass: MockAuthService,
        },
        {
          provide: AnotherService,
          useClass: AnotherServiceMock,
        },
        {
          provide: ActivatedRoute,
          useValue: {...route},
        },
      ],
    }).compileComponents();

Answer 1

import {
  NgxPermissionsAllowStubDirective,
  NgxPermissionsModule,
} from 'ngx-permissions';

describe('TestComponentA', () => {
  let component: ComponentA;
  let fixture: ComponentFixture<ComponentA>;
  let service: ComponentAService;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        NgxPermissionsModule.forRoot(),
      ],
      declarations: [ComponentA, NgxPermissionsAllowStubDirective],
      providers: [],
    }).compileComponents();
  });

})