使用npx create-react-app创建React应用时持续报错求助

问题描述 #

我正按照React官网的Intro to React教程的选项2，在IntelliJ中搭建React环境以创建井字棋游戏。已创建Github仓库并在IntelliJ中打开，但执行命令：

npx create-react-app my-app

时出现以下错误：

npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path /Users/Achoo/.npm/_cacache/tmp/a75502a6
npm ERR! dest /Users/Achoo/.npm/_cacache/content-v2/sha512/57/68/0820add9c5b0276e83c83872c39a38712d10cbe018a4165fcf7cb9fd1fe8880e552459135e3fa85f902263868e4e3d1e24a1f8a74a7c6b465b85c0921994
npm ERR! errno ENOENT
npm ERR! enoent Invalid response body while trying to fetch https://registry.npmjs.org/tmp: ENOENT: no such file or directory, rename '/Users/Achoo/.npm/_cacache/tmp/a75502a6' -> '/Users/Achoo/.npm/_cacache/content-v2/sha512/57/68/0820add9c5b0276e83c83872c39a38712d10cbe018a4165fcf7cb9fd1fe8880e552459135e3fa85f902263868e4e3d1e24a1f8a74a7c6b465b85c0921994'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/Achoo/.npm/_logs/2023-02-27T08_19_33_932Z-debug-0.log

已安装最新版本的npm和Node.js，不清楚问题所在，寻求帮助。

解决方案 #

这个错误由npm缓存损坏或读写异常导致，按以下步骤逐一排查修复：

• 强制清理npm缓存
  执行命令彻底清理缓存：

  npm cache clean --force
  

• 手动删除缓存目录（若清理缓存无效）
  直接删除错误中指向的缓存目录，确保残留缓存被清除：

  rm -rf /Users/Achoo/.npm/_cacache
  

  注意替换为你自己的缓存路径（即错误日志里的/Users/Achoo/.npm/_cacache）

• 重新执行创建命令
  缓存清理完成后，再次运行：

  npx create-react-app my-app
  

• 额外排查项

  • 确认当前工作目录有写入权限，若IntelliJ终端权限不足，尝试在系统原生终端（如Mac Terminal）执行命令。
  • 若问题持续，更新npx至最新版本：

    npm install -g npx
    

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