React项目执行npm start报错，请求技术解决指导

问题描述 #

在VSCode集成终端执行命令创建React项目：

npx create-react-app ./ 

所有依赖与node_modules安装完成后，执行npm start出现如下错误：

> milkai@0.1.0 start
> react-scripts start

'completed' is not recognized as an internal or external command,
operable program or batch file.
node:internal/modules/cjs/loader:1147
  throw err;
  ^

Error: Cannot find module 'C:\react-scripts\bin\react-scripts.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
    at node:internal/main/run_main_module:28:49 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Node.js v20.10.0

已尝试删除重装node_modules、全局安装React，问题仍未解决。

解决步骤 #

1. 排查项目路径问题 #

Windows系统下，项目路径若包含空格、中文或特殊符号（如&、#），会导致模块路径解析失败。确保项目目录路径为纯英文无空格格式，例如C:\Projects\my-react-app。

2. 清除缓存并重装依赖 #

依次执行以下命令：

# 清除npm缓存
npm cache clean --force

# 删除node_modules和锁文件（Windows用户替换对应命令）
rm -rf node_modules package-lock.json
# Windows：
# rmdir /s /q node_modules
# del package-lock.json

# 重新安装依赖
npm install

完成后再次执行npm start。

3. 确认本地依赖包含react-scripts #

打开项目根目录的package.json，检查dependencies字段是否存在react-scripts及有效版本（如"react-scripts": "5.0.1"）。若缺失，手动安装：

npm install react-scripts --save

4. 卸载全局react-scripts #

全局安装的react-scripts易与本地依赖冲突，执行命令卸载全局版本：

npm uninstall -g react-scripts

回到项目目录重新执行npm install。

5. 检查系统环境变量（Windows） #

'completed' is not recognized错误可能源于环境变量异常。打开系统环境变量的Path列表，确保包含Node.js安装路径（如C:\Program Files\nodejs\），并移除无关的异常路径。

6. 重新创建项目（终极方案） #

若以上方法均无效，切换至新的干净目录重新创建项目：

mkdir my-react-app
cd my-react-app
npx create-react-app .

进入项目后执行npm start测试。

内容的提问来源于stack exchange，提问作者Ridwan Oyeniyi Adegboyega