React项目执行npm install出现依赖弃用警告求助

• 间接依赖未被更新：你用ncu更新的是package.json中声明的直接依赖，但警告里的rollup-plugin-terser、stable等包属于间接依赖（由react-scripts或其他直接依赖引入的子依赖），ncu不会自动处理这些嵌套依赖的更新。
• @babel插件已被弃用：@babel/plugin-proposal-private-property-in-object在Babel 7.22版本后，因ES标准已原生支持私有类属性而被标记为弃用，你项目中直接安装了该插件的旧版本（7.21.11），因此触发警告。
• react-scripts版本停滞：你使用的react-scripts 5.0.1是相对旧的版本，其内置工具链包含多个已弃用的依赖，且该版本的维护已停止，官方不会再更新其内部子依赖。

1. 移除弃用的@babel插件 #

由于Babel 7.22+已原生支持私有类属性，该插件已无存在必要：

• 执行卸载命令：

  npm uninstall @babel/plugin-proposal-private-property-in-object
  

• 检查项目中的Babel配置文件（如babel.config.js、.babelrc），确保没有引用该插件的配置项。

2. 处理间接依赖的弃用问题 #

方案一：升级react-scripts到最新稳定版 #

react-scripts 6.x版本已替换了内部大量弃用依赖，升级步骤：

• 卸载旧版本：

  npm uninstall react-scripts
  

• 安装最新版：

  npm install react-scripts@latest
  

• 注意：升级后需检查项目兼容性，比如ESLint规则、测试配置可能需要微调。

方案二：用npm overrides强制替换间接依赖 #

若不想升级react-scripts，可通过package.json的overrides字段强制替换弃用的子依赖：

1. 在package.json中添加如下配置（根据警告提示替换对应依赖）：

   "overrides": {
     "rollup-plugin-terser": "@rollup/plugin-terser@^0.4.4",
     "stable": "^0.1.8"
   }
   

2. 重新执行安装命令：

   npm install
   

3. 清理缓存并重装依赖 #

缓存残留可能导致旧依赖未被替换，执行以下命令：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

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