运行 ng-test 时无法识别的角度组件“app-navbar”

Question

失败：模板解析错误：“app-navbar”不是已知元素

1. 如果 'app-navbar' 是一个 Angular 组件，则验证它是该模块的一部分。

2. 如果“app-navbar”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息：

("[错误 ->]"): ng:///DynamicTestModule/AppComponent.html@0:0 错误：模板解析错误：

Answer 1

这些错误通常意味着您没有在模块中声明组件。 您需要在测试模块中包含app-navbar，否则，父组件不知道其子组件的存在，因此 - 它是“未知元素”。

在此处查看有关模块的更多信息：https://angular.io/guide/ngmodules

// Import it in your test
import { NavBar } from '<location>';

beforeEach(() => {
  TestBed.configureTestingModule({
    ...,
    // Add the child element to the declarations
    declarations: [ Navbar ],
    ...
  });
});