VS创建独立JS React项目报npm ENOENT找不到package.json错误

根因判断 #

手动执行npx create-react-app可正常创建项目，即可排除本地Node.js、npm、create-react-app本身的故障，报错完全由Visual Studio的运行时配置、目录权限、模板调用逻辑异常导致，反复重装npm、全局create-react-app对解决问题无帮助。

修复步骤 #

• 清理npx缓存避免旧包干扰
  执行全局卸载命令：
  npm uninstall -g create-react-app
  打开Windows资源管理器，进入%APPDATA%\npm-cache\_npx路径，删除所有名称包含create-react-app的缓存文件夹。
• 修正项目目录权限
  不要在系统级路径（包括之前尝试的C:\Program Files\Microsoft Visual Studio\2022\Professional\Common7\IDE、用户主文件夹根目录）创建项目，新建一个路径无中文、无特殊空格字符的工作目录，例如D:\Code\ReactWorkSpace，右键文件夹打开「属性-安全」，给当前登录的Windows用户勾选「完全控制」权限。
• 修正Visual Studio的Node.js运行时配置
  1. 打开Visual Studio Installer，找到已安装的VS2022专业版，点击「修改」
  2. 在「工作负载」栏确认已勾选「Node.js开发」、「ASP.NET和Web开发」两个负载；切换到「单个组件」栏搜索Node.js，核对VS内置的Node.js版本和你系统全局安装的Node.js版本一致——版本不兼容是该报错的最高发原因：VS默认调用内置的旧版Node.js时，会导致create-react-app执行流程中断，无法生成package.json文件
  3. 完成组件配置更新后重启Visual Studio。
• 绕过VS内置模板的异常逻辑
  如果以上操作后仍无法直接通过VS向导创建项目，不需要反复调试模板：直接在提前配置好权限的工作目录下，手动执行npx create-react-app 你的项目名称完成项目创建，再通过VS的「打开本地文件夹」功能导入已生成的项目即可，后续调试、构建、发布功能和通过VS向导创建的项目完全一致。
• 额外排查项
  检查系统环境变量PATH，将全局npm的路径优先级调整到VS内置Node.js路径之前，避免VS调用错误的运行时；临时关闭第三方安全软件的文件夹写入防护，这类软件经常会拦截脚手架生成文件的操作，导致package.json写入失败。

不要在无权限的系统目录下执行npm init尝试手动生成package.json，这类操作既无法修复VS的调用逻辑，还可能因为权限不足导致npm目录结构损坏。

内容的提问来源于stack exchange，提问作者James Michael Moran Jr