8

vscode 不知何故不尊重我的 tsconfig.json （几周以来，情况有所不同。无论是我的错误还是 vscode 更新......）

{
"compileOnSave": false,
"compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@foo-animation/*": [
            "src/app/animation/*"
        ],
        ...

在此处输入图像描述

分别在“问题”选项卡中：

找不到模块“@foo-animation/animation-micro”或其相应的类型声明。ts(2307)

✓常规基本路径（如@angular/core）已正确解决，只是我的“自定义”路径是问题......

✓编译、构建、运行......所有工作都像魅力一样。所以我相信从角度/打字稿的角度来看一切都很好。（另外，我使用 IntelliJ 的开发人员没有任何问题……）所以它似乎可以归结为“告诉 vscode”……：-/

我tsconfig.json的位于项目的根文件夹中。唯一的事情是，我使用了另一个tsconfig.app.json，其中包括上面的tsconfig.json。

在此处输入图像描述

那么有没有办法告诉 vscode 在哪里寻找它的 tsconfig.json （以鼓励解析这些路径）？

这个 SO question和这个 VSCode github 问题可能是相关的，但我仍然不知道该怎么做。

4

2 回答 2

2

我最近在设置存储库时遇到了类似的问题，我认为将此行添加到您的 vscode settings.json 应该会有所帮助：

"tslint.configFile": "./tslint.json"

如果您的 tslint.json 不在根目录中，您应该添加自己的路径。

于 2020-11-08T13:58:18.243 回答
1

您可以使用typeRoots和typescompileOptions。

typeRoots它本身告诉 tsc 在哪里可以找到类型定义。见 typeRoots

"typeRoots": [
      "dirPath/@angular",
      "node_modules/@types",
      "node_modules/electron"
]                     /* List of folders to include type definitions from. */

Usingtypes告诉它是否有您想要解决的特定问题。任何其他类型都将被忽略。查看类型

    "types": [
      "animation-micro",
      "jquery",
      "node",
      "react",
      "prop-types",
      "." //referencing types belonging to paths specified in typeRoots i.e. 'dirPath/@angular/.' , 'node_modules/@types/.' &  'node_modules/electron/.' - needed to resolve namespaces (dependencies)
],

注意：指定typeRoots和typescompileOptions 将排除通常默认包含的类型，除非明确包含。

根据您的运行时设置和要求，其他有用的替代方法可能是使用rootDirscompileOption。

rootDirs允许您在 java 中几乎将所有内容视为“Über jar”（所有内容都在一个地方可用的想法）。见根目录

"rootDirs": [
      "/ts/", 
      "/js/",
      "src/main/resources/static/ts",
      "src/main/resources/static/js"
 ],/* List of root folders whose combined content represents the structure of the project at runtime. */

根据您的用例，您甚至可能不再需要tsconfig使用这两个文件。

另请注意，使用会extends 覆盖引用的tsconfig设置，因此请注意不要意外覆盖了某些路径。这也可能导致问题。

于 2021-01-12T17:34:50.207 回答