npx创建React项目npm警告及npm start启动报错求助

一、消除NPM --global/--local 弃用警告 #

这个警告是npm 8.0以上版本调整全局安装参数规则导致的，旧版--global/--local参数被标记为弃用，官方推荐使用--location=global替代，按以下步骤操作即可消除：

• 以管理员权限打开终端/命令提示符，执行命令升级npm到最新稳定版：

  npm install -g npm@latest
  

• 升级完成后重启终端，重新执行npx命令验证警告是否消失。如果仍有警告，找到NodeJS安装根目录（Windows默认路径为C:\Program Files\nodejs），用文本编辑器打开目录下的npm.cmd、npx.cmd两个文件，将文件内所有--global字段替换为--location=global，保存后重启终端即可。

注意：创建项目时出现的audit漏洞提示为create-react-app官方依赖版本未同步更新导致的常规提示，不要执行audit fix --force强制修复，该操作会篡改依赖版本，反而可能引发项目启动异常，这类提示不影响本地开发使用。

二、修复React项目启动找不到react-scripts模块报错 #

报错核心原因是npm无法在项目依赖目录下定位到react-scripts包，通常由创建项目时依赖下载中断、全局旧版create-react-app缓存冲突、项目路径包含非英文字符导致，按以下步骤操作即可解决：

• 第一步：清理全局旧版create-react-app与npm缓存，终端执行：

  npm uninstall -g create-react-app
  npm cache clean --force
  

• 第二步：删除之前创建失败的项目文件夹，新建项目的存放路径必须使用纯英文，不能包含中文、空格、特殊符号（例如不要放在D:\编程学习\React 测试这类路径下，推荐使用D:\code\react-demo这类纯英文无空格路径）。
• 第三步：拉取最新版create-react-app重新创建项目，避免本地缓存的旧版本包干扰：

  npx create-react-app@latest your-project-name
  

  等待所有依赖安装完成，看到终端输出Success! Created的成功提示后再进行下一步操作，不要中途中断安装进程。
• 第四步：进入项目目录执行启动命令：

  cd your-project-name
  npm start
  

  如果仍提示模块缺失，在项目目录下单独执行一次npm install补全缺失依赖，安装完成后再执行npm start即可正常启动项目。

内容的提问来源于stack exchange，提问作者Panait Ionut Alexandru