在VS Code中创建React应用遇错误：package.json依赖缺失

问题重现 #

执行Create React App命令后出现以下输出，最终提示Missing dependencies in package.json：

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
Creating a new React app in C:\Users\midhu\OneDrive\Documents\projectone\pro1app.
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
changed 1491 packages in 37s
253 packages are looking for funding
  run `npm fund` for details
Missing dependencies in package.json

解决步骤 #

• 清理缓存并重新创建项目

  1. 删除已生成的pro1app文件夹
  2. 终端执行npm cache clean --force清空npm缓存
  3. 使用最新版Create React App重新创建：npx create-react-app@latest pro1app

• 避开OneDrive同步目录
  项目存放路径在OneDrive下可能因实时同步导致文件写入异常，建议将项目移至本地非同步目录（如C:\Users\midhu\Documents\local_projects\pro1app）后重新创建

• 修复npm全局配置警告（可选）
  执行npm config edit打开npm配置文件，将global=true替换为location=global，保存后重启终端，可消除重复的deprecated警告

• 手动修复依赖（若项目已创建）

  1. 打开项目根目录的package.json，确保dependencies字段包含：

     "dependencies": {
       "react": "^18.2.0",
       "react-dom": "^18.2.0",
       "react-scripts": "5.0.1"
     }
     

  2. 在项目根目录执行npm install重新安装依赖

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