在高亮显示的测试中,Typescript模块别名路径

Question

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

这是我的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 | tsc --traceResolution | grep @app

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