未使用TypeScript的NextJS项目中jsconfig.json为何提示类型错误?
问题排查与解决方案
你的纯JS Next.js项目出现该错误,核心原因是VSCode内置的TypeScript语言服务在处理JS项目时,自动尝试引入testing-library__jest-dom的类型定义,但找不到对应文件。以下是具体排查和解决方法:
1. 检查依赖完整性
如果项目使用了@testing-library/jest-dom,但依赖版本不匹配或缺少类型文件,会触发该错误:
- 若使用v5之前的旧版
@testing-library/jest-dom,手动安装对应类型包:npm install --save-dev @types/testing-library__jest-dom - 新版
@testing-library/jest-dom(v5+)已自带类型定义,直接升级依赖即可:npm update @testing-library/jest-dom --save-dev
2. 修改jsconfig.json配置
在jsconfig.json中添加类型获取排除规则,阻止VSCode自动加载不存在的类型库:
{ "compilerOptions": { "paths": { "@/*": ["./*"] } }, "typeAcquisition": { "exclude": ["testing-library__jest-dom"] } }
3. 调整VSCode设置
若上述方法无效,检查VSCode设置是否强制开启了JS类型检查:
- 打开设置(快捷键
Ctrl+,),搜索javascript.implicitProjectConfig.checkJs,确保该选项处于关闭状态。
内容的提问来源于stack exchange,提问作者mrbob
相关产品推荐
相关产品推荐

