Angular 16：已导入组件仍报NG8001元素未知错误求助

我生成了HomeMainComponent和QuestComponent两个组件，以及对应的HomeMainModule和QuestModule模块，目录结构如下：

- src
-- app
--- components
----- home
------ home-main
------ quest

我已将组件添加到各自模块的exports数组中：

• home-main.module.ts中：exports: [HomeMainComponent],
• quest.module.ts中：exports: [QuestComponent],
  且确认导入路径正确。随后我将QuestModule导入到home-main.module.ts的imports数组：imports: [CommonModule, QuestModule],，以便在home-main.component.html中使用app-quest选择器：

<p>home-main works!</p>
<app-quest></app-quest>

但运行ng serve时编译失败，报错：

Error: src/app/components/home/home-main/home-main.component.html:2:1 - error NG8001: 'app-quest' is not a known element。

首次生成组件时曾手动重命名QuestComponent的文件夹和文件，出现错误后删除重建，但问题依旧。已尝试以下操作：

1. 重新生成组件和模块文件
2. 检查所有导入路径和选择器名称
3. 确认组件在对应模块中声明并导出
4. 重启开发服务器
5. 删除.angular和node_modules文件夹，重新执行npm i和ng serve
6. 报错时未安装任何新包

以下是几种可能解决该问题的排查方向：

• 再次确认QuestComponent的@Component装饰器中selector字段是否严格为app-quest，注意大小写、拼写是否完全匹配，比如是否误写为app-quests或AppQuest
• 检查QuestModule的declarations数组是否包含QuestComponent，组件必须先在模块中声明，才能被导出和使用，确保代码类似：

  @NgModule({
    declarations: [QuestComponent],
    exports: [QuestComponent]
  })
  export class QuestModule { }
  

• 验证HomeMainModule中QuestModule的导入路径是否正确，由于目录结构是home下包含home-main和quest，相对路径应为../quest/quest.module，导入代码应为：

  import { QuestModule } from '../quest/quest.module';
  

  若相对路径容易出错，可尝试使用绝对路径导入：

  import { QuestModule } from 'src/app/components/home/quest/quest.module';
  

• 检查是否存在残留的旧文件，比如之前重命名时未彻底删除的.ts、.html或.module.ts文件，这些文件可能导致Angular模块解析混乱，建议手动检查src/app/components/home/quest目录及回收站，确保无冗余文件
• 清除TypeScript服务缓存（以VS Code为例）：按下Ctrl+Shift+P，输入TypeScript: Restart TS Server并执行，避免IDE缓存导致的解析错误
• 检查angular.json配置文件，确认projects -> [你的项目名称] -> architect -> build -> options -> include字段未排除Quest相关文件，默认配置无需修改，但如果手动调整过需确保路径包含src/app/components/home/quest/**/*

内容的提问来源于stack exchange，提问作者Glowbo