ReactJS运行npm start报错:无法加载testing-library插件,找不到eslint-utils模块
React项目迁移后启动报错修复方案
报错根因说明
直接跨设备拷贝node_modules文件夹是错误操作:node_modules中包含大量和操作系统、Node.js版本绑定的二进制文件、软链接,跨设备迁移后极易出现文件损坏、路径不匹配的问题,就算后续执行npm install也可能因为残留的损坏依赖文件没有被覆盖,导致问题重复出现。
分步修复操作
- 第一步:清理所有损坏的依赖残留
- 关闭所有关联项目的编辑器、终端进程,避免文件占用无法删除
- 删除项目根目录下的
node_modules文件夹,删除失败可执行对应系统命令:- Windows:
rmdir /s /q node_modules - Mac/Linux:
rm -rf node_modules
- Windows:
- 删除项目根目录下的
package-lock.json文件*(注意不要删除package.json)* - 清理npm全局缓存:执行
npm cache clean --force
- 第二步:对齐Node.js版本
执行node -v查看当前设备的Node.js版本,确保和原设备的大版本号完全一致(比如原设备用16.18.x,新设备就不要用18.x版本),版本差异会直接导致依赖兼容性问题。 - 第三步:重新安装依赖
执行npm install重新拉取所有适配当前设备的依赖包。 - 第四步:针对性修复eslint依赖(如果上述操作后仍报错)
本次报错核心是eslint-plugin-testing-library相关依赖缺失,可单独重装对应依赖:npm install --save-dev eslint-plugin-testing-library @typescript-eslint/experimental-utils - 临时规避方案(无需校验eslint时可快速启动)
在项目根目录新建.env文件,添加配置:DISABLE_ESLINT_PLUGIN=true
重新执行npm start即可跳过eslint校验直接启动项目,后续再调整eslint相关配置即可。
内容的提问来源于stack exchange,提问作者Himanshu Poddar
相关产品推荐
相关产品推荐

