如何正确配置Node、npm、Yarn路径？附React项目创建报错问题

环境异常点 #

• npm的prefix配置与当前nvm管理的Node环境不匹配：当前Node是nvm安装的v18.13.0，对应的npm路径在/Users/grant/.nvm/versions/node/v18.13.0/bin/npm，但npm config get prefix返回/usr/local，这会导致npm模块查找路径混乱，引发依赖模块找不到的错误。
• 执行$echo $PATH时命令格式错误（多了前缀$），不过实际PATH中nvm的bin目录已排在最前，这部分不影响核心功能。

解决步骤 #

1. 修正npm的prefix配置，使其匹配当前nvm的Node版本：

npm config set prefix /Users/grant/.nvm/versions/node/v18.13.0

2. 清除npm缓存，避免缓存的错误依赖影响：

npm cache clean --force

3. 清除npx缓存，确保拉取最新的create-react-app版本：

npx clear-npx-cache

4. 重新尝试创建React项目：

npx create-react-app my-app

5. 如果上述步骤仍无效，手动安装缺失的依赖模块：

npm install -g has-flag

之后再执行创建项目的命令。

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