首次创建React App因网络中断误删文件引发MODULE_NOT_FOUND错误求助

问题场景 #

执行npx create-react-app .创建React项目时中途网络中断，删除部分安装文件后再次执行创建命令，终端返回如下错误：

Node.js v18.12.1
PS D:\CS\0. Code\github> npx create-react-app .
node:internal/modules/cjs/loader:998
  throw err;
  ^

Error: Cannot find module '../remove'
Require stack:
- C:\Users\HP\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\fs-extra\lib\empty\index.js       
- C:\Users\HP\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\fs-extra\lib\index.js
- C:\Users\HP\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\create-react-app\createReactApp.js
- C:\Users\HP\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\create-react-app\index.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
    at Module._load (node:internal/modules/cjs/loader:841:27)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object.<anonymous> (C:\Users\HP\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\fs-extra\lib\empty\index.js:7:16)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Module._load (node:internal/modules/cjs/loader:878:12)
    at Module.require (node:internal/modules/cjs/loader:1061:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\HP\\AppData\\Local\\npm-cache\\_npx\\c67e74de0542c87c\\node_modules\\fs-extra\\lib\\empty\\index.js',
    'C:\\Users\\HP\\AppData\\Local\\npm-cache\\_npx\\c67e74de0542c87c\\node_modules\\fs-extra\\lib\\index.js',
    'C:\\Users\\HP\\AppData\\Local\\npm-cache\\_npx\\c67e74de0542c87c\\node_modules\\create-react-app\\createReactApp.js',
    'C:\\Users\\HP\\AppData\\Local\\npm-cache\\_npx\\c67e74de0542c87c\\node_modules\\create-react-app\\index.js'
  ]
}

尝试执行npm install未解决问题，当前工作目录包含：

• node_modules
• index.html
• package-lock.json
• package.json

解决方案 #

步骤1：清理npm缓存 #

终端执行命令强制清理缓存，修复缓存中损坏的依赖包：

npm cache clean --force

步骤2：删除本地残留文件 #

删除当前目录下不完整的项目文件（若需要保留index.html，建议先移至其他目录，避免和create-react-app生成的文件冲突）：

• 删除node_modules文件夹
• 删除package-lock.json文件
• 删除package.json文件

步骤3：重新创建React项目 #

执行原始创建命令，若仍有缓存问题，可添加--force参数强制拉取最新依赖：

npx create-react-app .
# 或强制刷新依赖版本
npx create-react-app . --force

原因说明 #

第一次安装中断导致npm缓存内的fs-extra依赖包文件缺失，同时本地残留的不完整package文件和node_modules会干扰重新安装流程，因此需要清理缓存+移除本地残留后重新执行创建命令。

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