TS 编译器未拾取已安装的 @types 定义

Question

我正在处理一个一直在使用类型的项目，我现在需要从 @types 存储库安装一个定义。

我已经安装了 @type 并在我的 node_modules\@types 文件夹中看到它，但我的 TS 编译器没有选择类型。

我们的tsconfig.json如下：

{
    "compilerOptions": {
        "target": "es5",
        "sourceMap": true,
        "outDir": "./dist",
        "rootDir": "../",
        "noImplicitAny": false,
        "noImplicitThis": false,
        "noUnusedLocals": false,
        "noUnusedParameters": false,
        "pretty": true,
        "removeComments": false,
        "allowUnreachableCode": false,
        "declaration": false,
        "allowJs": true,
        "module": "commonjs",
        "typeRoots" : ["./typings/index.d.ts", "../../node_modules/@types"],
    },
    "include": [
        "./typings/index.d.ts",
        "./app/**/*.module.ts",
        "./app/**/*.run.ts",
        "./app/**/*.routes.ts",
        "./app/**/*.enum.ts",
        "./app/**/*.controller.ts",
        "./app/**/*.model.ts",
        "./app/**/*.directive.ts",
        "./app/**/*.component.ts",
        "./app/**/*.filter.ts",
        "./app/**/*.service.ts",
        "./app/interfaces/**/*.ts"
    ],
    "exclude": [
        "dist",
        "node_modules"
    ]
}

请注意，我们的 tsconfig 不在项目的根目录下，而是在一个子目录中，如下所示

我为 typeRoots 添加了一个额外的路径，以指向我的 node_modules 目录，但这没有任何区别。

我为其安装了@types 的特定库是传单，其 index.d.ts 的开头行是：

export as namespace L;

当我在我的一个 TS 源文件中键入“L”时，编译器没有找到它。

我一定是做错了什么，是否可以混合使用类型和 @types 存储库中的类型？

最终我们应该转而只使用@types，但我想弄清楚为什么我无法在我的编辑器中检测到这个特定的传单@type（我正在使用 VS Code，以防万一）

Answer 1

默认情况下，所有可见的“@types”包都包含在您的编译中。任何封闭文件夹的 node_modules/@types 中的包都被认为是可见的；具体来说，这意味着 ./node_modules/@types/、../node_modules/@types/、../../node_modules/@types/ 等中的包。

如果指定了 typeRoots，则只包含 typeRoots 下的包。例如：

因此，第一步是删除您的 typeRoots 并查看 Leaflet 类型是否被拾取（在此阶段您的 typings/index.d.ts 可能会出现错误。

如果 Leaflet 有效（手指交叉确实有效），那么您需要在此处检查返回 node_modules 的路径...

"typeRoots" : ["./typings/index.d.ts", "../../node_modules/@types"],

特别想知道这些路径是否受你文件中rootDir配置的影响？