快捷導(dǎo)航

如何解決tsconfig.json配置不生效的問(wèn)題

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

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

tsconfig.json配置不生效的問(wèn)題

說(shuō)明一下我遇到的問(wèn)題，這是我的配置文件代碼的

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

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

下面我來(lái)說(shuō)一下情況

我的錯(cuò)誤是因?yàn)?我在使用 tsc 命令的時(shí)候，我在后面接上了具體的文件，所以 ts 編譯直接跳過(guò)了配置文件 tsconfig,json

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

outFile 的限制：

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

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

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

編譯命令的問(wèn)題：

如果你在運(yùn)行 tsc 命令時(shí)指定了特定的文件（如 tsc hello.ts），TypeScript 會(huì)忽略 tsconfig.json 文件中的配置，包括 outFile 和其他選項(xiàng)

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

問(wèn)題描述

在學(xué)習(xí)Typescript項(xiàng)目時(shí)，將tsconfig.json中的target配置為es6之后。導(dǎo)致項(xiàng)目中一段交叉類型報(bào)錯(cuò)。

實(shí)現(xiàn)案例

將一個(gè)類中的原型方法復(fù)制到另一個(gè)對(duì)象中。利用for...in 進(jìn)行遍歷復(fù)制

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
}