使用nvm切换Node版本后，create-react-app仍提示运行旧版本Node求助

问题现象 #

通过nvm切换到较高版本Node（如v16.13.2）后，执行npx create-react-app@latest my-app仍提示使用旧版本Node（如v12.14.1），即便多次卸载旧版本、重新切换版本都无效。

原因分析 #

这种情况通常是因为：

• 系统中存在未通过nvm管理的全局Node版本（比如直接安装在/usr/local/bin下的Node），npx优先调用了这个版本
• nvm的环境变量未正确加载，导致shell未优先使用nvm管理的Node版本
• npx缓存了旧的执行路径，仍指向旧版本Node

解决方案 #

1. 检查并移除系统全局的Node版本

首先确认当前Node的执行路径：

which node

如果输出是/usr/local/bin/node（而非~/.nvm/versions/node/v16.13.2/bin/node），说明存在系统全局Node，执行以下命令移除：

# 移除全局Node和npm
sudo rm -rf /usr/local/bin/node /usr/local/bin/npm
# 如果是通过brew安装的，执行：
brew uninstall node

2. 确保nvm环境变量配置正确

检查你的shell配置文件（_{/.bash_profile、}/.zshrc或~/.profile），确保包含以下内容：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

如果没有，添加后重启shell，或者执行：

# 根据你的shell类型选择，比如zsh
source ~/.zshrc

3. 设置nvm默认版本

设置默认使用v16.13.2，避免每次打开shell都需要手动切换：

nvm alias default 16.13.2

4. 清理npx缓存

清理npx的缓存，避免它继续使用旧的执行路径：

npx clear-npx-cache

5. 重新尝试创建项目

现在再次执行命令，或者直接指定nvm版本运行：

npx create-react-app@latest my-app
# 或者强制用指定版本的Node执行
nvm exec 16.13.2 npx create-react-app@latest my-app

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