VS Code中webpack别名下导出内容声明定位异常问题

我之前也踩过这个一模一样的坑！你遇到的情况是VS Code的JavaScript/TypeScript语言服务（哪怕你用纯JS项目，它也在后台提供智能提示和跳转功能）没办法自动穿透export * from './two'这类导出语句，定位到原始的函数定义文件。下面是几个我亲测有效的解决办法：

方法1：配置jsconfig.json/tsconfig.json让语言服务正确解析 #

这是最彻底的解决方案，能让VS Code完全理解你的项目结构和webpack别名：

在项目根目录创建（或修改）jsconfig.json（如果是TypeScript项目就用tsconfig.json），添加以下配置：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"] // 这里要和你webpack的别名配置完全一致
    },
    "moduleResolution": "node",
    "target": "ES6"
  },
  "include": ["src/**/*"] // 确保包含src下所有子文件夹的文件
}

保存配置后，按Ctrl+Shift+P（Mac是Cmd+Shift+P）输入Reload Window重启VS Code，再去查找run函数的定义，应该就能直接跳转到two.js里的实现了。

方法2：显式导出关键函数（应急方案） #

如果暂时不想调整配置，可以在src/index.js里把常用的函数单独显式导出，比如：

// 先显式导出需要快速跳转的关键函数
export { run } from './two';
// 再导出其他所有内容，不影响原有导入逻辑
export * from './two';

这样VS Code就能直接关联到run函数的原始定义，其他函数也能正常通过别名导入，虽然有点冗余，但能快速解决当前的跳转问题。

方法3：更新VS Code及相关插件 #

有时候这个问题是VS Code语言服务的bug导致的，试试更新到最新版本的VS Code，或者安装JavaScript and TypeScript Nightly插件（它包含了最新的语言服务功能），说不定就能自动修复这个追踪问题。

额外注意事项 #

• 一定要保证webpack的别名配置和jsconfig.json里的paths完全对应，别出现路径拼写错误
• 如果是TypeScript项目，要确认tsconfig.json的include数组包含了two.js所在的子文件夹

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