创建React应用时安装npm包报错命令无法识别该如何解决？

该报错是环境变量Path配置存在拼写错误、格式错误，导致系统无法定位node和npm的执行路径导致，按以下步骤修复即可：

已识别的配置错误点 #

• 路径拼写错误：用户变量、系统变量中出现多次AppDaata，正确拼写应为AppData，拼写错误导致npm全局路径无法被识别
• 路径格式错误：系统变量Path中存在多条路径开头多写了反斜杠（如\nodejs、\C:\Users\dvirb\...），属于无效路径格式
• 存在无效字符：系统变量Path中存在多余的空引号、连续分号等无效配置项，会打断路径识别

具体修复步骤 #

• 修正所有拼写错误：把环境变量中所有AppDaata替换为AppData
• 修正系统变量Path里的路径格式：
  • 将\nodejs;改为C:\Program Files\nodejs;
  • 删掉所有路径开头多余的反斜杠，比如\C:\Users\dvirb\AppData\Roaming\npm;改为C:\Users\dvirb\AppData\Roaming\npm;，\C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;改为C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;
  • 删掉无效的冗余字符，比如";;%JAVA_HOME%\bin"里的前引号和多余分号，保留%JAVA_HOME%\bin;
• 可选优化：把C:\Program Files\nodejs;、C:\Users\dvirb\AppData\Roaming\npm;移到系统变量Path的靠前位置，避免其他软件的路径冲突
• 所有配置修改完成后保存，关闭所有已打开的命令行/终端窗口，重新打开新窗口，执行node -v和npm -v验证是否正常输出版本号，确认正常后再尝试创建React应用

内容的提问来源于stack exchange，提问作者Dvir Ben Shlush