Reactjs typescript的自动完成在VSCode上显示错误路径

谈到自动完成，我在typescript+VSCode上遇到了一些恼人的问题：

每当我尝试自动完成时，它都不会带来正确的路径。如果我在

/src/components/foo

，我键入

Bar

从'./src/components/Bar/index.tsx'获取它，而不是通过从'../Bar'导入{Bar}自动完成，我总是从'src/components/Bar'获取

导入{Bar}

my

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/**/**/*"
  ]
}

---

更新Vscode设置

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

"typescript.preferences.importModuleSpecifier": "relative"

---

更新Vscode设置

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

"typescript.preferences.importModuleSpecifier": "relative"

从

tsconfig.json

中删除

“baseUrl:”，

为我解决了问题。

从

tsconfig.json中删除
“baseUrl:”，
为我解决了问题。
最佳答案。如果您使用的是路径解析器，从tsconfig.json中删除“baseUrl”可能会导致问题。最佳答案。如果您使用的是路径解析程序，则从tsconfig.json中删除“baseUrl”可能会导致问题。