在执行Angular的入门教程时，我也在使用stackblitz.com工具使用Angular生成器生成一个名为product-alerts的新组件后收到了这个错误。

'app-product-alerts'不是已知元素:

发现:其他人在2021年8月初也经历过这种情况。目前，它似乎是StackBlitz IDE中的一个bug。 https://github.com/angular/angular/issues/43020

在我的例子中，问题是模块中缺少组件声明，但即使添加了声明，错误仍然存在。我不得不停止服务器并在VS Code中重新构建整个项目以消除错误。

我知道这是一个长期解决的问题，但在我的情况下，我有一个不同的解决方案。 这实际上是我犯的一个错误，也许你也犯了，只是没有完全注意到。我的错误是，我不小心把一个模块，例如MatChipsModule, MatAutoCompleteModule，在声明部分;只由组件组成的部分，例如MainComponent, AboutComponent。这使我其他所有的进口货都认不出来了。

这个复杂的框架快把我逼疯了。假设你在同一个模块的另一个组件部分的模板中定义了自定义组件，那么你不需要在模块中使用导出(例如app.module.ts)。你只需要在前面提到的模块的@NgModule指令中指定声明:

// app.module.ts

import { JsonInputComponent } from './json-input/json-input.component';

@NgModule({
  declarations: [
    AppComponent,
    JsonInputComponent
  ],
  ...

你不需要将JsonInputComponent(在本例中)导入到AppComponent(在本例中)来使用AppComponent模板中的JsonInputComponent自定义组件。你只需要在自定义组件前加上两个组件都定义过的模块名(例如app):

<form [formGroup]="reactiveForm">
  <app-json-input formControlName="result"></app-json-input>
</form>

注意app-json-input不是json-input!

演示在这里:https://github.com/lovefamilychildrenhappiness/AngularCustomComponentValidation

对于我的应用程序模式，一旦我在app.module.ts文件中声明了我的LandingPageComponent，就可以将子模块导入其中。

我刚开始一个新项目，并认为其中一些模式是理所当然的。

在执行Angular的入门教程时，我也在使用stackblitz.com工具使用Angular生成器生成一个名为product-alerts的新组件后收到了这个错误。

'app-product-alerts'不是已知元素:

发现:其他人在2021年8月初也经历过这种情况。目前，它似乎是StackBlitz IDE中的一个bug。 https://github.com/angular/angular/issues/43020