VSCode无法识别node_modules中已安装@testing-library包的导入路径

你遇到的是VSCode内置TypeScript语言服务加载类型声明失败的典型问题，可按以下顺序排查解决：

• 重启TypeScript语言服务
  打开任意.ts/.tsx后缀的文件，按下Ctrl+Shift+P（Mac设备为Cmd+Shift+P）调出命令面板，搜索并执行「TypeScript: 重启TS服务器」，等待服务加载完成后即可验证识别情况。

• 重新安装依赖修复类型文件损坏
  如果是依赖安装过程中类型声明文件丢失导致的识别失败，执行以下命令重装依赖即可：

# 删除现有依赖缓存和锁文件
rm -rf node_modules package-lock.json yarn.lock pnpm-lock.yaml
# 重新安装依赖
npm install
# 用yarn就执行yarn install，用pnpm就执行pnpm install

• 校验VSCode工作区配置
  打开当前项目根目录下的.vscode/settings.json文件，确认以下配置没有被禁用：

{
  "typescript.preferences.includePackageJsonAutoImports": true,
  "typescript.suggest.autoImports": true,
  "javascript.suggest.autoImports": true
}

如果是JavaScript项目，需要额外检查jsconfig.json的include字段是否覆盖了所有项目源码文件，没有错误排除类型声明的加载路径。

• 手动声明类型兜底
  以上方案都无效的情况下，在项目根目录新建declarations.d.ts文件（已有则直接编辑），添加以下内容即可强制TS加载对应包的类型：

/// <reference types="@testing-library/react" />
/// <reference types="@testing-library/react-hooks" />

补充说明：@testing-library/jest-dom能被正常识别，是因为通常测试初始化文件中会提前全局引入该包，TS已经提前加载过它的类型声明，才不会出现识别问题。

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