指令不是测试中的已知元素

Question

结构是这样的……应该变成npm模块了……

.
./angular.json
./karma.conf.js
./package.json
./tsconfig.json
./demo
./demo/index.html
./demo/main.ts
./demo/test.ts
./demo/tsconfig.app.json
./demo/tsconfig.spec.json
./demo/app
./demo/app.component.html
./demo/app.component.ts
./demo/app.component.spec.ts
./demo/app.module.ts

然后是lib代码

./lib/index.ts
./lib/src/libname.module.ts
./lib/src/libname/libname.component.html
./lib/src/libname/libname.component.ts

该组件适用于ng serve。

如果我使用 ng test 运行测试，我会看到 directivename is not a known element 的模板解析错误。

我已尝试将 lib 文件添加到 tsconfig.spec.json 中的文件数组中。
没有成功。

工作的唯一一件事是，我在 app.component.spec.ts 中导入 lib 中的所有组件以及我的 lib 使用的所有组件 并添加将它们添加到 TestBed 声明中。

但我不可能像这样自己将所有组件添加到测试中。

我一定错过了什么。你知道吗？

Answer 1

我找到了 ;-)

代替

// refine the test module by declaring the test component
TestBed.configureTestingModule({
  declarations: [NavBarComponent, NavBarChildComponent],
  providers: [
    {provide: Location, useValue: location}
    ]
});

我必须使用

// refine the test module by declaring the test component
TestBed.configureTestingModule({
  declarations: [],
  imports: [NavBarModule],
  providers: [
    {provide: Location, useValue: location}
    ]
});