Angular 11 模板解析错误：不是已知元素

Question

作为标题，我正在尝试在当前组件中使用另一个相同级别的组件，但遇到此错误。

DevTools 给了我两个解决方案

• 如果“消息块”是一个 Angular 组件，则验证它是该模块的一部分。
• 如果“消息块”是一个 Web 组件，则将“CUSTOM_ELEMENT_SCHEMA”添加到该组件的“@NgModule.schema”以禁止显示此消息。

文件夹

• 块
  • 客户资料
    • 配置文件块
      • 个人资料信息
        • profileInfo.html
        • profileInfo.ts
      • profileBlock.module.ts
  • 消息块
• block.modules.ts

模块

这是我的块模块

@NgModel({
  imports:[...otherModule],
  declarations:[messageBlockComponents],
  export:[messageBlockComponents]
})

• 我检查了消息块组件的选择器名称是否正确

<message-block></message-block>

错误发生在profileInfo.html中。我在block moodule中声明了message-block，它是一个父模块，所以我没有在profileBlock.modules中添加任何声明。

问题

如何将消息块添加到 profileInfo 组件中？

Answer 1

原因

造成这个错误的原因是同层组件不能相互识别，除非他们有自己的模块来管理自己。

解决方案

所以我为消息块创建了一个模块。让 block.module 和 profileBlock.module 都导入消息块模块。