如何解決tsconfig.json配置不生效的問題

更新時間：2025年05月06日 14:11:33 作者：Lysun001

這篇文章主要介紹了如何解決tsconfig.json配置不生效的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

tsconfig.json配置不生效的問題

說明一下我遇到的問題，這是我的配置文件代碼的

{
  "compilerOptions": {
    "module": "none",
    "target": "ES5",
    "outFile": "./dist/bundle.js"
  }
}

和我想象不同的是，我編譯成 js 沒有在 dist 目錄下生成 bundle.js

下面我來說一下情況

我的錯誤是因為我在使用 tsc 命令的時候，我在后面接上了具體的文件，所以 ts 編譯直接跳過了配置文件 tsconfig,json

以下是其他可能發(fā)生的情況

outFile 的限制：

outFile 選項僅適用于 module 設置為 none、amd 或 system 的情況。
如果你的 TypeScript 文件中使用了 ES 模塊（如 import/export），即使你在 tsconfig.json 中設置了 "module": "none"，編譯器仍然可能會報錯或忽略 outFile。

輸出目錄未創(chuàng)建：

TypeScript 編譯器不會自動創(chuàng)建 dist 目錄。如果目標目錄不存在，編譯器會直接將文件輸出到當前目錄，而不是指定的路徑。

編譯命令的問題：

如果你在運行 tsc 命令時指定了特定的文件（如 tsc hello.ts），TypeScript 會忽略 tsconfig.json 文件中的配置，包括 outFile 和其他選項

tsconfig.json的target配置為es6之后，for...in失效

問題描述

在學習Typescript項目時，將tsconfig.json中的target配置為es6之后。導致項目中一段交叉類型報錯。

實現(xiàn)案例

將一個類中的原型方法復制到另一個對象中。利用for...in 進行遍歷復制

export function extend<T, U>(to: T, from: U): T & U {
  for (const key in from) {
    (to as T & U)[key] = from[key] as any
  }
  return to as T & U
}