无法将react-dom 15.6.1升级至16.x.x的技术求助

我之前在使用VS2017的React+Redux模板时也遇到过一模一样的问题——明明package.json和node_modules里的react-dom都是16.x版本，但运行时始终加载15.6.1。这大概率是模板自带的依赖锁定或打包配置在搞鬼，下面是亲测有效的解决步骤：

步骤1：彻底清理依赖缓存与旧文件 #

有时候npm缓存会残留旧版本依赖，导致安装不彻底：

• 先删除项目根目录的node_modules文件夹：
  Windows命令：rd /s /q node_modules
  Mac/Linux命令：rm -rf node_modules
• 清理npm缓存：npm cache clean --force
• 重新安装依赖：npm install

步骤2：删除版本锁定文件 #

package-lock.json（或yarn.lock）会强制锁定依赖版本，哪怕你修改了package.json，它也会优先安装锁定的旧版本：

• 直接删除项目根目录的package-lock.json（如果用yarn就删yarn.lock）
• 再次执行npm install，此时会根据你修改的package.json重新生成锁定文件

步骤3：检查webpack vendor配置 #

VS2017的React模板通常会把react-dom这类核心依赖打包进单独的vendor bundle，可能配置里硬编码了旧版本或引用了缓存的bundle：

1. 打开项目根目录的webpack.config.vendor.js
2. 检查vendor数组里的react-dom是否正确，有没有指定旧版本号
3. 重新生成vendor bundle：执行webpack --config webpack.config.vendor.js
4. 重启VS2017并重新运行项目

步骤4：检查HTML入口文件的硬编码引用 #

有些模板会在_Layout.cshtml或入口HTML文件里直接引入CDN的react-dom旧版本，跳过webpack打包：

• 打开Views/Shared/_Layout.cshtml（或类似入口HTML文件）
• 查找是否有类似<script src="https://cdn.jsdelivr.net/npm/react-dom@15.6.1/dist/react-dom.min.js"></script>的标签
• 如果有，要么替换为16.x版本的CDN链接，要么直接删除该标签（让webpack自动打包react-dom）

步骤5：验证依赖安装结果 #

执行npm list react-dom，如果输出显示react-dom@16.3.2，说明安装没问题，问题肯定出在打包或加载环节；如果还是显示15.6.1，那可能是项目里有.npmrc之类的配置文件强制指定了依赖源或版本，需要检查并修改。

如果以上步骤都没用，可以尝试创建一个全新的空ASP.NET Core项目，手动添加React 16依赖，对比原项目的配置差异，大概率能找到隐藏的问题点。

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