VS Code中React Testing Library无导入建议问题求助

以下是几个排查和解决的步骤：

• 确认依赖安装完整
  要确保同时安装了测试库本身和对应的TypeScript类型定义：

  # npm
  npm install --save-dev @testing-library/react @types/testing-library__react
  
  # yarn
  yarn add --dev @testing-library/react @types/testing-library__react
  
  # pnpm
  pnpm add -D @testing-library/react @types/testing-library__react
  

  注意类型包的名称是@types/testing-library__react（双下划线），别和主包搞混。

• 调整TypeScript配置
  打开项目根目录的tsconfig.json，做两个检查：

  1. 确保include数组包含你的测试文件路径，比如：

     "include": [
       "next-env.d.ts",
       "**/*.ts",
       "**/*.tsx",
       "tests/**/*" // 新增这行，让TS识别tests目录下的所有文件
     ]
     

  2. 确认compilerOptions里的moduleResolution设置为"node"（Next.js默认配置一般已经包含，但可以核实）：

     "compilerOptions": {
       "moduleResolution": "node",
       // 其他现有配置...
     }
     

• 重启VS Code的TypeScript服务
  有时候TS服务缓存会导致补全异常，按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板，输入TypeScript: Restart TS Server并执行，之后再测试导入建议。

• 检查测试文件的格式和位置
  确保测试文件的扩展名是.tsx（因为要用到JSX语法），并且文件所在的目录已经被tsconfig.json的include规则覆盖。

• 排查插件冲突
  暂时禁用一些第三方的TypeScript/JavaScript补全插件（比如JavaScript and TypeScript Nightly），看看是否是插件冲突导致的导入建议异常。

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