很多答案/注释提到了在其他模块中定义的组件，或者你必须在它/它们的包含模块中导入/声明组件(你想在另一个组件中使用)。

但在简单的情况下，当组件B和组件A都定义在同一个模块中时，你必须在包含组件的模块中声明两个组件，以便B看到A，而不仅仅是A。

例如，在my-module.module.ts中

import { AComponent } from "./A/A.component";
import { BComponent } from "./B/B.component";

@NgModule({
  declarations: [
    AComponent,   // This is the one that we naturally think of adding ..
    BComponent,   // .. but forget this one and you get a "**'AComponent'** 
                  // is not a known element" error.
  ],
})

当我得到这样的错误时，我执行以下5个步骤。

你确定名字是正确的吗?(还要检查组件中定义的选择器) 在模块中声明组件? 如果它在另一个模块中，导出组件? 如果它在另一个模块中，导入该模块? 重启cli?

当错误发生在单元测试期间，请确保您在TestBed.configureTestingModule中声明了组件或导入了模块

我也尝试把ContactBoxComponent在CustomersAddComponent，然后在另一个(从不同的模块)，但我得到了一个错误，说有多个声明。

一个组件不能声明两次。您应该在一个新的单独模块中声明和导出组件。接下来，您应该将这个新模块导入到希望使用该组件的每个模块中。

很难说什么时候应该创建新模块，什么时候不应该。我通常为我重用的每个组件创建一个新模块。当我有一些几乎无处不在的组件时，我把它们放在一个模块中。当我有一个我不重用的组件时，我不会创建一个单独的模块，直到我在其他地方需要它。

尽管将所有组件放在单个模块中可能很诱人，但这对性能不利。在开发过程中，每当进行更改时，模块都必须重新编译。模块越大(组件越多)所花费的时间就越多。对大模块做小改动要比对小模块做小改动花费更多的时间。

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

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

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

这个复杂的框架快把我逼疯了。假设你在同一个模块的另一个组件部分的模板中定义了自定义组件，那么你不需要在模块中使用导出(例如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

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