VSCode自动导入提示为何不识别路径别名？

以下是几个排查和解决的关键点：

• 确认配置文件的正确性
  确保项目根目录的tsconfig.json（或jsconfig.json）中baseUrl和paths配置完全匹配项目结构，示例如下：

  {
    "compilerOptions": {
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"]
      }
    }
  }
  

  验证映射关系：比如@/components/Button要能正确对应到项目里的src/components/Button文件。

• 重启TypeScript语言服务
  修改配置后VSCode可能未即时加载新配置，按Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac）打开命令面板，输入TypeScript: Restart TS Server执行，强制刷新服务缓存。

• 检查VSCode设置优先级
  确认你修改的TypeScript › Preferences: Import Module Specifier是在工作区设置中调整的——工作区设置会覆盖全局用户设置，如果之前工作区有过不同配置，全局设置的修改不会生效。

• 切换到项目本地TypeScript版本
  VSCode默认可能用全局TS版本，而项目依赖的本地版本可能存在配置差异。点击VSCode右下角的TS版本号，选择"Use Workspace Version"，确保用项目安装的TS版本解析路径别名。

• 排查第三方插件干扰
  如果安装了Auto Import类插件，这类插件可能有独立的路径别名配置项，需要在插件设置中开启对@别名的支持；或者临时禁用插件，测试是否恢复正常，排除插件冲突。

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