我也遇到过类似的问题。事实证明，ng generate component(使用CLI 7.1.4版)为AppModule添加了子组件的声明，但没有添加到模拟它的TestBed模块。

“英雄之旅”示例应用程序包含一个HeroesComponent，它带有选择器app- Heroes。应用程序运行正常时，但ng test产生这个错误消息:'app-heroes'不是一个已知元素。手动将HeroesComponent添加到configureTestingModule(在app.component.spec.ts中)的声明中可以消除这个错误。

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent,
        HeroesComponent
      ],
    }).compileComponents();
  }));

  it('should create the app', () => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  });
}

我也有同样的问题。在尝试这里发布的一些解决方案之前，您可能需要检查组件是否真的不能工作。对我来说，这个错误显示在我的IDE (WebStorm)中，但当我在浏览器中运行它时，结果证明代码完美地工作了。

在我关闭终端(正在运行ng serve)并重新启动IDE之后，该消息停止显示。

我在Angular CLI: 10.1.5中也遇到了同样的问题 代码运行正常，但错误显示在VScode v1.50中

通过杀死终端(ng serve)并重新启动VScode来解决。

在我的例子中，我的应用程序有多层模块，所以我试图导入的模块必须添加到实际使用它的父模块pages.module。Ts，而不是app。module。Ts。

我花了半天时间来解决这个问题。问题出在进口方面。我的HomeModule有html中包含的homeComponent。ProductComponent是ProductModule的一部分。我在导入中添加了ProductModule到HomeModule，但忘记在导入中添加HomeModule到AppModule。添加后，问题消失了

我也遇到了同样的问题，这是因为不同的功能模块错误地包含了这个组件。当把它从其他功能中移除时，它工作了!