1

我正在尝试 使用Jest在Angular 13中测试包含来自ng-bootstrap的组件的组件并得到以下错误：.Cannot access 'NgbNavLink' before initialization

我有一个使用NgbModal的组件MyComponent。我只想为这个组件创建测试，所以我需要在我的测试中导入NgbModule。但是，导入似乎不起作用，因为我收到以下错误：

 FAIL  src/app/pages/kafkaconnect/kafkaconnect.component.spec.ts
  ● Test suite failed to run

    ReferenceError: Cannot access 'NgbNavLink' before initialization

      2 |
      3 | import { MyComponent } from './mycomponent.component';
    > 4 | import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
        | ^

      at Object.<anonymous> (node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.mjs:6651:991)
      at Object.<anonymous> (src/app/pages/kafkaconnect/kafkaconnect.component.spec.ts:4:1)

这是我的测试课：

import { ComponentFixture, TestBed } from '@angular/core/testing';

import { MyComponent } from './mycomponent.component';
import { NgbModule } from "@ng-bootstrap/ng-bootstrap";

describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture<MyComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ MyComponent ],
      imports: [ NgbModule ],
    })
    .compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

我正在使用Angular 13、ng-bootstrap 11.0.0-rc.0和bootstrap 4.6.1。我知道这些版本是最新的，但是我在服务或构建我的应用程序时没有收到任何错误。

Angular CLI: 13.0.3
Node: 16.13.0
Package Manager: npm 8.1.0
OS: win32 x64

Angular: 13.0.2
... animations, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1300.3
@angular-devkit/build-angular   13.0.3
@angular-devkit/core            13.0.3
@angular-devkit/schematics      13.0.3
@angular/cli                    13.0.3
@schematics/angular             13.0.3
rxjs                            6.6.7
typescript                      4.4.4

最后，我正在使用jest 27.3.1。当我使用 Angular 时，我已经按照本文档配置了jest-preset-angular。

关于为什么我会收到此错误的任何线索？

4

1 回答 1

1

问题似乎出在ng-bootstrap 11.0.0-rc.0 上。升级到ng-bootstrap 12.0.0-beta.4解决了这个问题。

于 2021-11-29T13:33:42.193 回答