Angular 2中的“component”不是一个已知的元素

我试图在其他模块中使用我在AppModule中创建的组件。我得到以下错误:

Uncaught (in promise):错误:模板解析错误 'contacts-box'不是已知元素: 如果'contacts-box'是一个Angular组件，那么验证它是否是这个模块的一部分。如果'contacts-box'是一个Web组件，那么在'@NgModule '中添加'CUSTOM_ELEMENTS_SCHEMA'。模式来抑制此消息。

我的项目结构很简单:

我将页面保存在pages目录中，其中每个页面保存在不同的模块中(例如customers-module)，每个模块都有多个组件(例如customers-list-component, customers-add-component等)。我想在这些组件中使用我的ContactBoxComponent(例如在customers-add-component内部)。

As you can see I created the contacts-box component inside the widgets directory so it's basically inside the AppModule. I added the ContactBoxComponent import to app.module.ts and put it in declarations list of AppModule. It didin't work so I googled my problem and added ContactBoxComponent to export list as well. Didn't help. I also tried putting ContactBoxComponent in CustomersAddComponent and then in another one (from different module) but I got an error saying there are multiple declarations.

我错过了什么?

当前回答

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

我的步骤:

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

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

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

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

2021-11-10 12:53:50

其他回答

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

2021-01-27 08:57:18

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

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

2020-11-16 14:46:09

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

2019-07-18 14:19:12

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

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

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

2021-08-17 03:38:38

我也面临着同样的问题。在我的情况下，我已经忘记在声明父组件 app.module.ts

举个例子，如果你在ToDayComponent模板中使用<app-datapicker>选择器，你应该在app.module.ts中声明ToDayComponent和DatepickerComponent