使用yarn dev启动端口7777的Next.js项目时报_jestWorker.Worker错误

解决方案 #

• 第一步：删除所有损坏的依赖缓存和构建产物
  执行以下命令删除冲突源头文件：

  rm -rf node_modules yarn.lock package-lock.json .next
  

  Windows系统如果命令执行失败，可以手动删除项目根目录下的node_modules文件夹、yarn.lock文件、package-lock.json文件以及.next缓存文件夹。
• 第二步：重新安装项目依赖
  统一使用yarn安装，避免包管理器混用导致的版本冲突：

  yarn install
  

• 第三步：重新启动本地服务

  yarn dev
  

问题原因说明 #

该报错由包管理器混用导致的依赖版本不匹配引发：你此前的项目使用yarn管理依赖，临时使用npm安装babel-plugin-styled-components时，npm会自动调整部分间接依赖的版本（其中就包括报错提到的jest-worker包），调整后的版本和当前项目的Next.js版本不兼容，因此触发构造函数不存在的报错。
git checkout -- .只能回滚git仓库已跟踪的代码文件，默认不会被git跟踪的node_modules文件夹和未提交的lock文件不会被回滚，因此回滚代码后问题仍然存在。

后续安装新依赖时请统一使用yarn相关命令，开发依赖执行yarn add -D [包名]，生产依赖执行yarn add [包名]，即可避免同类问题。

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