tsconfig.json中的typescript outDir设置无效

Question

在使用package.json中的outDir标志时，我似乎无法使其工作。目录结构非常简单：根级别有一个tsconfig.json文件，以及一个src/目录和一个单独的index.ts文件以及表示其他模块的其他目录。

在对索引文件运行tsc命令时，它会在旁边创建一个新文件，而不是在生成目录中创建。我做错了什么？

我的tsconfig：

{
  "compilerOptions": {
    "outDir": "build"
  }
}

我的npm构建脚本：

"build": "tsc src/index.ts"

我正在项目的根目录中调用脚本。有趣的是，使用--outDir标志运行相同的脚本可以正常工作。

- aryzing

---

可能只是 TypeScript 的一件小事... ‍♂️ - Michal

Answer 1

当您通过 tsc src/index.ts 提供文件进行编译时，将忽略 tsconfig.json。

根据文档的说明：

当在命令行上指定输入文件时，将忽略 tsconfig.json 文件。

您的 npm 构建脚本应只是 tsc 而不传递任何文件。

- Saravana

---

什么？！为什么？荒谬。 - temporary_user_name

不知道为什么会这样运作，但答案100%准确。谢谢。 - PlayHardGoPro

你怎么告诉脚本要编译的.ts文件在哪里？ 如果我不写路径，会出现各种错误。 - undefined

Answer 2

在我的情况下，它被忽略了，因为我在tsconfig.json中设置了noEmit: true。出于某种原因，文件仍然被发射了，但是它们被放置在同一目录而不是遵循outDir。

配置文件被正确读取，并且在使用该标志时也会出现此错误。

- fregante

---

正在扩展ts-config-single-spa，其中包含noEmit: true。 - AleksG

我添加了"noEmit": false，最终我的outDir被创建并填充。 - Dustin

太好了，救了我一命。谢谢。在我的情况下，tsconfig.json文件被错误配置了。症状是'react-scripts start'报告了大量错误，但'npx tsc'没有报告任何错误。 - user2809286

Answer 3

如果你正在使用 增量 编译选项，如果你删除/修改了 outDir 中的文件但没有删除 .tsbuildinfo 文件，则可能无法获得输出。

我的问题与此有些不同，但谷歌将我带到了这里 - 所以想着其他人也可能会用到。

- joshweir

---

感谢您决定在这里发布！我无法弄清楚为什么 tsc -b 有时只会创建我的输出文件夹。原来我的 yarn:clean 只会 rm -rf packages* /dist，留下了 .tsbuildinfo 文件！ - Pakman

谢谢这个。请注意，所有的组合项目都是增量的。我必须像上面的评论者一样，在我的构建项目中将rm -rf *.tsbuildinfo作为预构建步骤。 - Colin D

Answer 4

这是我的文件夹结构。

请将TypeScript文件保留在src文件夹中，并将tsconfig.json文件保留在根目录中。

在tsconfig json文件的compilerOptions中添加outDir的文件夹名称。

"compilerOptions": {    
    "outDir": "build",
    "module": "commonjs",
    "target": "es6",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noImplicitAny": true,
    "sourceMap": true
  },

请运行以下命令：

只需进入根目录，然后键入

tsc

或者

tsc --outDir .

这将建立一个带有js和map.js文件的outDir文件夹。

来源：https://github.com/Microsoft/TypeScript/issues/10585

- chandoo

Answer 5

也许我遇到了同样的问题。 您应将脚本设置为 "build": "tsc" 而不是 "build": "tsc src/index.ts"。

- cor blk

Answer 6

请确保在"compilerOptions"下面定义了"outDir"。

我将其定义在与"compilerOptions"相同的级别。

{
  "compilerOptions": {
    "baseUrl": "node_modules/@types",
    "lib": [
      "es6"
    ],
    "outDir": "dist",
    "esModuleInterop": true,
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "src/**/*"
  ],
}

- Rohit

Answer 7

你需要声明你的tsconfig文件位置，而不是要构建的文件。

tsc --build mocks/tsconfig.json

- Ash Blue

Answer 8

这对我有用 tsc --outDir dist/，其中dist是我的输出或目标文件夹

- abeebisadev

---

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community