突出显示测试中的 Typescript 模块别名路径

Question

我遇到了 vscode 本身的问题。在为更简单的导入嵌套模块添加路径后，我发现 vscode 正在接受使用新添加的别名的导入 @app和 @component在 src/ 内目录。不幸的是，它完全忽略了 test/ 中的那些导入。文件夹。测试工作正常并且 jest不会提示那些别名。但是出于某种原因，vscode 一直向我竖中指。我发现当我包含 test 时，vscode 停止用红线标记这些导入tsconfig.json 中的文件夹文件。你有没有类似的问题？处理此问题的最佳方法是什么？

这是我的 tsconfig.json文件:

{
  "compilerOptions": {
      "baseUrl": "./",
      "paths": {
          "*": ["*"],
          "@app/*": [ "./src/*" ],
          "@component/*": [ "./src/components/*" ],
      },
      "sourceMap": true,
      "noImplicitAny": true,
      "module": "commonjs",
      "moduleResolution": "node",
      "target": "es5",
      "lib": ["es6", "dom"],
      "allowJs": true,
      "jsx": "react",
      "outDir": "./build/"
  },
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "node_modules",
    "./test/**/*"
  ]
}

Answer 1

您可以使用此命令更好地查看问题所在

tsc --traceResolution | grep @app

如果您使用的是 vscode，则必须在更改路径别名后重新启动它