Angular：注销组件但保留其文件与文件夹的实现方法

核心原因 #

Angular CLI默认会扫描项目中所有符合规则的TypeScript文件，即便组件未在模块declarations中声明，只要存在隐式引用或被CLI的编译扫描机制覆盖，就会被纳入编译流程，进而抛出依赖缺失错误。

可行解决办法 #

• 通过tsconfig排除指定组件目录
  找到项目根目录的tsconfig.app.json（优先修改这个应用级配置，而非根目录的tsconfig.json），在exclude数组中添加未使用组件的路径：

  {
    "exclude": [
      "src/app/portal/components/compiler/**/*",
      // 其他需要排除的组件路径
    ]
  }
  

  配置后Angular编译时会直接跳过这些目录下的所有文件，不会再处理组件的依赖。

• 排查并移除隐式引用
  全局搜索项目代码，确认是否在其他文件（比如路由配置、服务、其他组件的import语句）中引用了该组件。如果存在这类隐式引用，即使模块声明里移除了，组件仍会被编译。

• 统一管理未使用组件
  把所有暂不开发的组件移到一个单独的目录（比如src/app/unused-components），然后在tsconfig中排除整个目录，后续需要恢复开发时直接移除排除规则即可，管理更高效。

• 临时忽略错误（不推荐）
  如果只是临时需要跳过错误，可以在组件的.ts文件顶部添加// @ts-ignore注释，或者在tslint.json中临时禁用相关规则，但这只是掩盖问题，不是根本解决方式。

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