打字稿的自动完成在 VSCode 上显示错误的路径答案

【问题标题】：Autocomplete for typescript shows wrong path on VSCode打字稿的自动完成在 VSCode 上显示错误的路径
【发布时间】：2020-04-15 03:45:52
【问题描述】：

当涉及到自动完成时，我在 typescript + VSCode 上遇到了一些烦人的问题：

每当我尝试自动完成时，它永远不会带来正确的路径。如果我在./src/components/foo 并输入Bar 以从'./src/components/bar/index.tsx' 获取它，而不是使用import {Bar} from '../bar' 自动完成，我总是得到import {Bar} from 'src/components/bar'

我的tsconfig.json:

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "noImplicitAny": false,
    "resolveJsonModule": true,
    "sourceMap": true,
    "module": "commonjs",
    "target": "es5",
    "jsx": "react",
    "rootDirs": ["src", "stories"],
    "allowJs": true,
    "baseUrl": ".",
    "paths": {
      "my-lib": ["./node_modules/my-lib/dist/*"]
    }
  },

  "include": [
    "index.d.ts",
    "./src/**/*",
    "./stories/**/**/*"
  ]
}

【问题讨论】：

标签： reactjs typescript webpack visual-studio-code

【解决方案1】：

从tsconfig.json 中删除"baseUrl": ".", 为我解决了这个问题。

【讨论】：

【解决方案2】：

更新 Vscode 设置

在 VScode 文件>首选项>设置>用户设置

"typescript.preferences.importModuleSpecifier": "relative"

【讨论】：

最佳答案。如果您使用路径解析器，从 tsconfig.json 中删除“baseUrl”可能会导致问题。