为什么 Typescript 项目引用使用父 tsconfig 文件而不是引用自己的 tsconfig 文件？

Question

我有两个项目：app 和 lib。 app 依赖于 lib。

app 是一个严格的 Typescript 项目，lib 不工作严格。

我使用 Typescript 项目参考将它们连接在一起：

./tsconfig.json

  "compilerOptions": {
    "strict": true,
  },
  "references": [
    { "path": "./apps/app" },
    { "path": "./libs/lib/" }
  ]

./apps/app/tsconfig.json

  "extends": "../../tsconfig.json",
  "references": [
    {
      "path": "../../libs/lib/tsconfig.json"
    }
  ]

./libs/lib/tsconfig.json

  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "composite": true,
    "strict": false
  },

但是当我运行 app 时，我会失败，因为 lib 代码正在运行，就好像严格为真：

TSError: ⨯ Unable to compile TypeScript:
../../libs/lib/src/index.ts:4:3 - error TS2564: Property 'uninitializedProperty' has no initializer and is not definitely assigned in the constructor.

但是lib 指定 strict 为 false！如果严格被禁用，它工作正常。如何配置 Typescript，使项目实际上是独立的，并且每个项目中的代码都使用自己的 tsconfig 选项？

我在这里准备了一个示例存储库：https://github.com/gaggle/monorepo-tsconfig-experiment。欢迎任何想法和建议！

---

只是为我的问题提供一些背景信息：我想将多个项目移动到一个 monorepo，但并非所有代码都可以使用相同的编译器选项。 “严格”的区别就是一个例子，我不能只修复代码，所以它们都可以使用相同的选项。

Answer 1

我让你的示例 repo 构建起来很容易——我唯一遇到的问题是它不完整，这告诉我你实际上并没有尝试构建它。 Project.json 缺少依赖项。

但更重要的是，我可以看出您没有花太多时间阅读项目参考的工作原理，也没有阅读很多 project references 页面。所以我犹豫是否只是为你做你的工作并给你最终的答案。相反，我会给你列出你不理解的地方，提示你做错了什么。

这些是您弄错的tsconfig 设置：

• composite
• rootDir
• include
• files

您的三个tsconfigs 中的每一个都至少有一个问题。

修复这些问题，tsc -b .、tsc -b apps/app 和 tsc -b libs/lib 都将按预期工作。

如果您取得了进展，但仍然感到困惑或卡住，那么我会提供帮助。更新示例 repo 和您的问题，并表明您尝试过。