angular - ng test angular 5 不是已知元素

Question

'app-footer' 不是已知元素： 1. 如果 'app-footer' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果“app-footer”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。需要帮助来修复它。我参考了很多文件，但仍然不清楚。

角度 cli-1.7.4 角度：5.2.11

提前谢谢你 XXX

Answer 1

当您测试一个组件时，它的模板上可能会有子组件。如果您不测试这些组件之间的交互，您可以忽略模板中的子组件。为此，您必须像这样导入NO_ERRORS_SCHEMA。@angular/core

import { NO_ERRORS_SCHEMA } from '@angular/core';

然后你应该像这样将它添加到测试台配置中。

TestBed.configureTestingModule({
        declarations: [YourComponent],
        providers: [],
        schemas: [NO_ERRORS_SCHEMA]
      }).compileComponents();

现在你的测试应该可以工作了。

如果您还想测试子组件。您必须采用不同的方法。