如何在VS Code中为Jest测试文件启用绝对路径自动补全功能

我之前也踩过这个坑！VS Code默认只会读取项目根目录的jsconfig.json（JavaScript项目）或tsconfig.json（TypeScript项目）来识别路径映射规则，而Jest的jest.config.js里的moduleNameMapper配置它是不会自动关联的，这就导致测试文件没法享受到和其他文件一样的绝对路径自动补全。下面是我亲测有效的解决步骤：

1. 同步路径映射到项目配置文件 #

根据你的项目类型，在根目录创建或修改对应的配置文件，把Jest里的路径映射规则同步进去，同时确保测试文件被纳入识别范围：

JavaScript项目：创建/修改jsconfig.json #

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

TypeScript项目：修改tsconfig.json #

找到compilerOptions节点，添加或更新路径配置，并调整include字段：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    // 保留你原本的其他配置
  },
  "include": ["src/**/*", "__tests__/**/*"]
}

这里的核心要点：

• baseUrl设为项目根目录（.），让路径映射基于根目录计算
• paths的规则和jest.config.js里的moduleNameMapper完全对应，保证Jest和VS Code的路径解析逻辑一致
• include字段把测试文件所在的目录（比如__tests__）加进去，让VS Code知道要对这些文件应用路径映射规则

2. 重启VS Code的语言服务 #

修改完配置文件后，VS Code可能不会自动刷新规则，需要手动重启语言服务：

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板
• 输入TypeScript: Restart TS Server（TypeScript项目）或JavaScript: Restart Language Service（JavaScript项目）并执行

3. 确认测试文件的路径覆盖 #

如果你的测试文件不是放在__tests__目录，而是自定义的tests或者src/tests，记得把对应的路径加到include字段里，比如"include": ["src/**/*", "tests/**/*"]，确保VS Code能识别到这些测试文件。

做完这些操作后，回到你的Jest测试文件里再试试导入，应该就能正常触发@/开头的绝对路径自动补全了！

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