typescript - 如何让 VScode 识别 d.ts 文件而不直接引用它们

Question

我有一个用 create-react-app-ts 创建的项目

我还有一套d.ts从 JSON 模式生成接口(interface)的文件。它们为远程 API 定义了一些接口(interface)。

我想要这些 d.ts文件在整个项目中“全局”可用，而无需通过文件名直接引用它们。有点类似于Promise<T>定义在全局范围内可用。

我试过修改 tsconfig , 添加 path/to/**/*.dts至 include ，以及 files .我还尝试将路径添加到 "typeRoots"在 compilerOptopns 下.

这使得项目可以编译，但是 VSCode 没有为这些接口(interface)提供 IntelliSense，并将它们加下划线作为未知。

Answer 1

基于 tsconfig compiler options ，您应该使用选项 typeRoots。 This section文档描述了 @types、typeRoots 和 types 之间的区别。

对于您的具体情况，这个 tsconfig.json 文件应该可以解决问题:

{
    "compilerOptions": {
        "typeRoots" : ["./type-definitions-folder"]
    }
}

如果您还使用 npm 中的类型定义，您还应该添加 ./node_modules/@types。

{
    "compilerOptions": {
        "typeRoots" : ["./node_modules/@types", "./type-definitions-folder"]
    }
}