VSCode自动导入路径错误本质是TS/JS语言服务未正确读取或解析tsconfig.json/jsconfig.json。需确认配置文件位于项目根目录、启用autoImports、重启语言服务器并检查语言模式。
VSCode 自动导入路径错误，本质是语言服务没认出你的模块路径规则，不是代码写错了，也不是插件装少了。 配置对了但没生效、提示标红却能运行、Ctrl+点击跳不过去——这些现象背后几乎都是同一类链路断了：TS/JS 语言服务读不到正确的 tsconfig.json 或 jsconfig.json，或读到了但没按你预期解析。
确认 tsconfig.json / jsconfig.json 是否存在且位置正确
VSCode 只认项目根目录（即你用「File → Open Folder」打开的那个文件夹）下的 tsconfig.json（TS 项目）或 jsconfig.json（纯 JS 项目）。两个都放？它只读 tsconfig.json，jsconfig.json 被忽略。
- 检查当前工作区根目录下有没有这个配置文件；没有就新建一个
- 确保
"compilerOptions"里有"baseUrl": "./"和"paths"映射，例如：{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } - 别把配置文件放在
src/或packages/子目录里——语言服务不会往上递归找
检查 autoImports 设置是否开启且拼写正确
VSCode 默认关掉自动导入补全，必须手动开。这不是“建议开启”，而是功能开关——关着就完全不触发。
- 打开
settings.json，确认这两项为true："javascript.suggest.autoImports": true,<br>"typescript.suggest.autoImports": true
- 注意拼写：
autoImports（复数），不是autoImport，大小写不能错 - 如果用了多根工作区（Multi-root Workspace），只有“活动文件夹”下的设置生效，其他子项目需单独配或用
"extends"
重启 TypeScript Server 并验证语言模式
改完配置不重启 TS Server = 白改。VSCode 缓存路径解析结果，旧缓存不清理，新配置永远不生效。
- 按
Ctrl+Shift+P（Mac 是Cmd+Shift+P），输入并执行Developer: Restart Language Server - 右下角状态栏看当前语言模式：.vue 文件应显示
Vue (Volar)，.tsx 应是TypeScript React，不是纯TypeScript - 如果状态栏显示 HTML 或 Plain Text，说明文件没被识别为对应语言，
import补全根本不会启动
排除插件冲突与作用域遗漏
有些插件会劫持补全行为，而 "include" 配置漏掉目录，等于告诉语言服务“那些文件不存在”。
- 禁用可能干扰的插件：旧版
Auto Import (wix)、ES7+ React/Redux snippets，它们会覆盖Ctrl+Space行为 - 检查
tsconfig.json中的"include"字段，确保覆盖所有源码目录，例如："include": ["src/**/*", "tests/**/*", "pages/**/*"]
-
"exclude"别误伤：比如写了"exclude": ["node_modules", "dist"]没问题，但加了"src/utils"就会导致该目录下文件不参与类型检查和路径解析
最常被跳过的其实是「重启语言服务」和「确认语言模式」这两步。很多人改完 paths 就等着提示出来，结果等半天发现还是标红——其实只要按一次 Restart Language Server，90% 的问题当场消失。别省这一步。
