Angular自定义库导出多个服务报错：新增服务无法被识别求解决

你遇到的问题是Angular库新增服务后，ng build执行正常但ng serve提示找不到导出项，核心原因是本地库未重新构建、Angular缓存未清除，或库的构建配置未更新，以下是具体排查和解决步骤：

1. 确认库的基础配置与代码正确性 #

• 检查another-test-lib.service.ts文件，确保类已正确导出：

  // 必须包含export关键字
  export class AnotherTestLibService {
    // 服务逻辑代码
  }
  

• 核对public-api.ts中的导出路径，确保文件名、路径拼写完全一致（注意大小写敏感）：

  export * from './lib/another-test-lib.service'; // 确认目标文件存在且路径无误
  

2. 重新构建并同步本地库 #

如果你的test-lib是本地开发的未发布库，必须重新构建并确保主项目能获取到最新产物：

• 进入test-lib根目录，执行构建命令：

  ng build test-lib
  

• 若使用npm link本地链接库，构建完成后重新执行链接操作（确保主项目引用最新版本）：

  # 在test-lib目录执行
  npm link
  # 在主项目目录执行
  npm link test-lib
  

• 若主项目通过本地文件路径引用库（如package.json中"test-lib": "file:../test-lib/dist/test-lib"），确认dist/test-lib目录已生成最新构建文件。

3. 清除Angular缓存并重启服务 #

ng serve默认启用增量构建缓存，可能导致旧的库元数据未更新：

• 清除Angular全局缓存：

  ng cache clean
  

• 禁用缓存启动服务：

  ng serve --no-cache
  

• 也可手动删除主项目下的node_modules/.angular/cache目录，再重启服务。

4. 检查库的TypeScript配置 #

打开test-lib的tsconfig.lib.json，确认include数组包含新增的服务文件：

{
  "include": [
    "src/**/*.ts", // 默认包含src下所有ts文件，确保你的服务文件在该范围内
    "lib/another-test-lib.service.ts" // 若路径特殊可单独添加
  ]
}

额外注意事项 #

• 若使用Angular 14+的独立服务模式，确保AnotherTestLibService未被标记为providedIn: 'root'后又在主模块重复声明（此问题不会引发导出找不到的错误，但可能导致服务实例重复）。
• 检查主项目tsconfig.json中的paths配置（若有），确保test-lib的映射路径指向最新的构建产物目录。

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