React版本无法升级,卸载重装及删除Node.js后版本仍未改变如何解决
你遇到的版本无变化的核心原因是使用了错误的React版本查询命令:npm react --version输出的是npm自身的版本号,和React版本完全无关,你看到的6.14.15就是你当前安装的npm版本,不是React版本。
正确查询React版本的方式
- 查当前项目内安装的React版本:进入项目根目录后执行
npm list react - 查全局安装的React版本:任意路径执行
npm list -g react
彻底清理React相关依赖并重装的步骤
全局层面清理(适用于全局安装的React相关包)
- 卸载全局安装的所有React相关包:
npm uninstall -g react react-dom create-react-app
- 清理npm全局缓存避免残留:
npm cache clean --force
单项目层面清理(适用于特定项目React版本无法升级的场景)
- 进入项目根目录,删除
node_modules文件夹、package-lock.json文件(如果用yarn就删yarn.lock,用pnpm就删pnpm-lock.yaml) - 打开项目根目录下的
package.json文件,手动删除dependencies、devDependencies字段下所有和React相关的条目,包括react、react-dom、react-scripts等 - 执行项目级缓存清理:
npm cache clean --force
安装React的正确操作
项目局部安装(React官方推荐方式)
在项目根目录执行以下命令安装最新版React:
npm install --save react@latest react-dom@latest
如果需要新建React项目,官方现已推荐使用Vite替代老旧的create-react-app,执行以下命令即可创建全新的React项目:
npm create vite@latest my-react-app -- --template react
全局安装(不推荐,仅特殊场景需要)
npm install -g react@latest react-dom@latest
安装完成后用前面提到的正确查询命令即可看到对应版本号。
内容的提问来源于stack exchange,提问作者Shruti sharma
相关产品推荐
相关产品推荐

