Question

我现在一直在努力将我的tsconfig文件包含在VS Code中。虽然我的代码编译得很好，但我经常有VS代码报告的错误，因为VS Code没有将tsconfig文件与当前的ts文件关联。

我通过执行以下命令检查我的main.ts文件是否与VS Code中的任何tsconfig相关联：

TypeScript：转到项目配置

我收到错误（请参阅下面的链接）告诉我没有找到tsconfig。您还可以在链接的图像中看到文件夹结构。

简要概述结构如下：

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 Screenshot

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中，以便您可以使用某些常用/默认设置。

打字稿包含和文件路径VS代码识别

2 个答案: