MacBook Pro上npx create-react-app调用错误npm版本问题求助

版本来源推测 #

1. npx缓存残留：npx会缓存已执行过的包及其依赖环境，若之前用旧版npm运行过create-react-app，缓存中可能留存了关联的npm@6.5.0环境。
2. 用户全局npm包残留：~/.npm或~/.node_modules目录下可能存在旧版本的create-react-app或npm相关文件，导致执行时调用旧版本。
3. nvm shell初始化不完整：若nvm的初始化脚本未在当前shell正确加载，可能导致系统仍调用残留的旧npm路径。

解决步骤 #

1. 清除npx缓存 #

执行命令强制清空npx缓存，消除旧环境残留：

npx clear-npx-cache

或手动删除缓存目录：

rm -rf $(npx --cache)

2. 卸载全局create-react-app（若存在） #

全局安装的create-react-app可能绑定旧npm版本，先卸载：

npm uninstall -g create-react-app

3. 确保nvm正确初始化 #

• 检查shell配置文件（~/.zshrc或~/.bash_profile）中是否包含nvm初始化代码：

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

• 若缺失，执行以下命令加载nvm，重启shell生效：

  source ~/.nvm/nvm.sh
  

4. 验证环境正确性 #

执行以下命令确认当前npm/npx路径指向nvm管理的版本：

which npm
which npx

输出应类似~/.nvm/versions/node/v16.17.0/bin/npm，同时检查PATH中nvm路径优先级最高：

echo $PATH

5. 重新创建React项目 #

执行命令时强制使用当前npm版本：

npx create-react-app my-app --use-npm

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