ANGULAR错误:“ app-header”不是已知元素:

时间:2020-05-19 19:01:13

标签: angular

以下图像中的所需结构和工作结构,请先查看。

folder+componet+module structure and imports details IMAGE

错误:


ERROR in app/layouts/homepage/homepage.component.html:1:1 - error NG8001: 'app-header' is not a known element:
1. If 'app-header' is an Angular component, then verify that it is part of this module.
2. If 'app-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

1 <app-header></app-header>
  ~~~~~~~~~~~~~~~~~~~~~~~~~

  app/layouts/homepage/homepage.component.ts:10:16
    10   templateUrl: './homepage.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~


我不想在app.module.ts中导入(SharedModule)shared.module.ts,只想在已使用SharedModule的模块中(homepage.module.ts + addNewUser.module.ts)。

已选中:

列表项

  1. 在shared.module.ts中导入和导出的HeaderComponent(header.component.ts)
  2. 在两个homepage.module.ts + addNewUser.module.ts中
  3. 导入了(SharedModule)shared.module.ts
  4. 在app.module.ts中导入HomepageModule + AddNewUserModule
  5. 重新启动CLI + PC

使用角度9

1 个答案:

答案 0 :(得分:2)

问题解决了, 我的错误

  1. 未在homepage.module.ts中导入HomepageComponent
  2. 未从homepage.module.ts中导出HomepageComponent

有需要的人可以得到我的帮助。