打字稿包含和文件路徑VS代碼識別

Question

我將tsconfig文件包含到VS Code中已經有一段時間了。 盡管我的代碼可以正常編譯，但是我經常遇到VS Code報告的錯誤，因為VS Code並未將tsconfig文件與當前ts文件關聯。

我通過執行以下命令檢查main.ts文件是否與VS Code中的任何tsconfig關聯：

TypeScript：轉到項目配置

我收到一條錯誤消息（請參閱下面的鏈接），告訴我沒有找到tsconfig。 您還可以在鏈接的圖像中看到文件夾strucutre。

為了簡要概述該結構，如下所示：

root
`-- development
    `--client
       |
       |--code
       |    |--.. various
       |    `-- main.ts
       |
       `--config
            |--.. various
            `--tsconfig.json

我的tsconfig.json看起來像這樣：

{
  "compilerOptions": {
    "module": "es2015",
    "target": "es2017",
    "moduleResolution": "node",
    "sourceMap": true,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true,
    "jsx": "react"
  },
  "include": [
    "./../code/**/*"
  ],
  "files": [
    "./../code/main.ts"
  ]
}

VS Code屏幕截圖

Answer 1

將tsconfig.json移動到項目的根目錄，並相應地更改路徑：

{
  "compilerOptions": {
    "module": "es2015",
    "target": "es2017",
    "moduleResolution": "node",
    "sourceMap": true,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true,
    "jsx": "react"
  },
  "include": [
    "development/client/code/**/*"
  ],
  "files": [
    "development/client/code/main.ts"
  ]
}

Answer 2

似乎VSCode從ts文件中查找來找到tsconfig（ https://github.com/Microsoft/vscode/issues/3772#issuecomment-329126952 ）

如果將客戶端tsconfig移至目錄，則它應該可以工作。

root
`-- development
    `--client
       |--tsconfig.json
       |
       |--code
       |    |--.. various
       |    `-- main.ts
       |
       `--config
            `--.. various

正如評論所建議的那樣，您可能想要將tsconfig.base.json添加到root文件夾，並將其包含在每個tsconfig.json以便您可以進行一些常規/默認設置。