这个问题可能看起来古老而奇怪，但是当我试图加载一个模块(惰性加载)并得到相同的错误时，我意识到我错过了作为一个大模块的一部分发布的组件的exports子句。

这个角。Link解释了原因:模块内的组件/服务，默认情况下保持私有(或受保护)。要使它们公开，您必须导出它们。

扩展@Robin Djikof的回答，用@live-love代码示例，这是我的案例中技术上缺失的部分(Angular 8):

@NgModule({
  declarations: [
    SomeOtherComponent,
    ProductListComponent
  ],
  imports: [
    DependantModule
  ],
  exports: [ProductListComponent] 
  //<- This line makes ProductListComponent available outside the module, 
  //while keeping SomeOtherComponent private to the module
})
export class SomeLargeModule { }

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

但在简单的情况下，当组件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，然后在另一个(从不同的模块)，但我得到了一个错误，说有多个声明。

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

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

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

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

路由模块(不认为这是一个答案)

首先检查:是否在模块中声明并导出了组件，导入了想要使用它的模块，并在HTML中正确命名了组件。

否则，你可能会错过路由模块中的一个模块: 当您有一个路由模块，该路由从另一个模块路由到一个组件时，在该路由模块中导入该模块是很重要的。否则，Angular CLI会显示错误:component不是已知元素。

例如

1)具有以下项目结构:

├───core
│   └───sidebar
│           sidebar.component.ts
│           sidebar.module.ts
│
└───todos
    │   todos-routing.module.ts
    │   todos.module.ts
    │
    └───pages
            edit-todo.component.ts
            edit-todo.module.ts

2)在todos-routing.module内部。Ts你有一个到edit.todo.component.ts的路径(不导入它的模块):

  {
    path: 'edit-todo/:todoId',
    component: EditTodoComponent,
  },

这条路线会很好!但是，当在edit-todo.module中导入sidebar.module.ts时。你会得到一个错误:app-sidebar不是一个已知的元素。

修正:由于您已经在步骤2中添加了到edit-todo.component.ts的路由，您将必须添加edit-todo.module。Ts作为导入，之后导入的侧边栏组件将工作!

我的情况有点不同。我得到了这个错误消息，但这是因为我的页面模块没有我生成的新页面。

我的步骤:

生成新的页面组件 将现有组件导入到新页面的模块中。ts文件 在新页面的HTML文件中使用<myapp-header></myapp-header>组件选择器

得到了错误，被困在这里。对我来说，最后一步是:

导入新的页面模块到pages.module.ts文件中。

现在它按预期工作了。这次错误消息没有太大帮助。