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 | grep @app

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

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

1 个答案: