Angular库报错：'rootDir'需包含所有源文件，跨入口点导入失败

核心原因 #

你遇到的报错源于TypeScript的rootDir约束：所有参与编译的源码文件必须处于rootDir指定的目录范围内。当从recaptcha入口点直接导入dynamic-images下的文件时，该文件超出了recaptcha对应配置的rootDir范围，触发了TS的路径检查机制。

有效解决方案 #

1. 通过入口点导出导入（推荐，符合Angular库规范） #

Angular库的public-api.ts是对外暴露模块的标准入口，跨入口点的代码引用必须通过该入口导出，而非直接引用文件路径：

• 在dynamic-images的public-api.ts中导出buttonForm.ts的内容：

  export * from './models/buttonForm';
  

• 在recaptcha的代码中，通过库的包名导入目标模块：

  import { ButtonForm } from '@your-library/dynamic-images';
  

这种方式既符合Angular库的模块化设计，也从根源上避免了rootDir的路径冲突问题。

2. 修正库的tsconfig配置 #

确保每个入口点的tsconfig.lib.json配置精准，避免跨目录的源码范围冲突：

• 每个入口点的tsconfig.lib.json应将rootDir指向自身的src目录，而非统一的packages目录：

  {
    "compilerOptions": {
      "rootDir": "./src",
      "outDir": "../../dist/recaptcha",
      // 其他编译配置保持不变
    },
    "include": ["src/**/*"],
    "exclude": ["src/test.ts", "src/**/*.spec.ts"]
  }
  

• 在根目录的tsconfig.json中，通过paths配置映射库的入口路径，确保开发阶段路径解析正确：

  "paths": {
    "@your-library/dynamic-images": ["packages/dynamic-images/src/public-api.ts"],
    "@your-library/recaptcha": ["packages/recaptcha/src/public-api.ts"]
  }
  

3. 调整angular.json中的库构建配置 #

确保每个库入口点的构建配置指向正确的源码目录和tsconfig文件：

• 在angular.json中，每个库的sourceRoot应指向自身的源码目录，示例配置如下：

  "projects": {
    "dynamic-images": {
      "projectType": "library",
      "sourceRoot": "packages/dynamic-images/src",
      "architect": {
        "build": {
          "options": {
            "tsConfig": "packages/dynamic-images/tsconfig.lib.json"
            // 其他构建配置保持不变
          }
        }
      }
    },
    "recaptcha": {
      "projectType": "library",
      "sourceRoot": "packages/recaptcha/src",
      "architect": {
        "build": {
          "options": {
            "tsConfig": "packages/recaptcha/tsconfig.lib.json"
            // 其他构建配置保持不变
          }
        }
      }
    }
  }
  

4. 禁止直接跨入口点引用文件 #

不要使用相对路径直接导入其他入口点的文件（比如import { ButtonForm } from '../dynamic-images/models/buttonForm'），这种方式会绕过Angular库的模块化机制，不仅触发rootDir报错，还会导致构建产物依赖混乱。

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