VSCode中TypeScript自动导入未用最短路径问题求助

你在tsconfig里配置了多个路径别名，但自动导入总是优先用@src/hooks/xxx而非更短的@hooks/xxx，同时想保留@src/*映射，可按以下方法处理：

• 调整tsconfig.json中paths的顺序
  TypeScript的路径匹配是按配置先后顺序执行的，把更具体的短路径（比如@hooks/*、@components/*）放在@src/*之前，解析器就会优先匹配更短的别名。修改后的paths配置如下：

  "paths": {
    "@assets/*": ["src/assets/*"],
    "@components/*": ["src/components/*"],
    "@hooks/*": ["src/hooks/*"],
    "@src/*": ["src/*"]
  }
  

  这样解析src/hooks/LoadingContext时，会先匹配到@hooks/*，而非兜底的@src/*。

• 配置编辑器（以VS Code为例）
  即便改了tsconfig顺序，VS Code的自动导入逻辑可能还需要调整。打开用户设置（快捷键Ctrl+,），修改以下选项：

  • 找到TypeScript > Preferences: Import Module Specifier，设置为shortest（优先使用最短路径）
  • 若仍有问题，可在.vscode/settings.json中手动添加：

    {
      "typescript.preferences.importModuleSpecifier": "shortest",
      "typescript.preferences.preferPathAlias": true
    }
    

• 重启TypeScript服务
  修改配置后，打开VS Code命令面板（Ctrl+Shift+P），选择TypeScript: Restart TS Server，让新配置生效。

内容的提问来源于stack exchange，提问作者sloonzz