React 15.6.2升级至16.2.0失败，Node升级操作无效求助

嘿，我来帮你理清楚这个问题～你之前执行的Node升级命令是针对全局Node运行环境的，而你的React是项目本地的依赖包，两者互不影响，这就是为什么控制台还显示原版本的原因。下面是正确的操作步骤：

1. 直接升级项目中的React依赖 #

从React 16开始，react-dom是独立的核心包，必须和react同步升级，所以在项目根目录下执行对应命令：

• 如果你用npm：

  npm install react@^16.2.0 react-dom@^16.2.0 --save
  

• 如果你用yarn：

  yarn add react@^16.2.0 react-dom@^16.2.0
  

2. （可选）清理缓存与重新安装（解决潜在依赖冲突） #

如果执行完上面的命令后版本还是没更新，可能是缓存或者包锁文件导致的依赖锁定，可以按以下步骤操作：

• 删除项目的node_modules文件夹和包锁文件：

  # npm用户执行
  rm -rf node_modules package-lock.json
  # yarn用户执行
  rm -rf node_modules yarn.lock
  

• 重新安装所有依赖：

  # npm用户
  npm install
  # yarn用户
  yarn install
  

3. 验证升级结果 #

重启你的React项目，然后在浏览器控制台执行：

console.log(React.version);

此时应该会显示16.2.0了。

补充一句：全局Node版本升级是为了适配更高版本的工具或框架，但核心还是要更新项目本地的依赖包，才能改变项目里的React版本哦～

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