React-Bootstrap报color-adjust弃用警告，安装指定autoprefixer无效如何解决

这个警告来自autoprefixer 10.4.6及以上版本新增的属性校验规则：W3C已经正式废弃color-adjust简写属性，要求替换为print-color-adjust，而你当前使用的Bootstrap 5.1.3版本源码里还在使用旧的color-adjust属性，就会触发这个提示。
你之前安装指定版本autoprefixer、加overrides配置后警告依然存在，核心原因是没有清理旧的依赖锁文件和已安装的依赖包，npm没有真正把嵌套依赖里的autoprefixer替换成10.4.5版本——react-scripts 5.0.1默认依赖的autoprefixer版本是^10.4.7，旧锁文件会优先拉取符合这个范围的高版本，跳过你配置的版本强制规则。

• 第一步：彻底删除项目根目录下的node_modules文件夹、package-lock.json文件，不要保留旧的依赖缓存记录。
• 第二步：确认package.json中的overrides配置正确，你当前写的配置不需要修改，保持如下内容即可：

{
  "overrides": {
    "autoprefixer": "10.4.5"
  }
}

注意：不需要单独把autoprefixer写到dependencies依赖里，overrides会自动强制整个依赖树中所有包引用的autoprefixer都使用10.4.5版本，这个版本还没有加入color-adjust的弃用提示规则，不会弹出对应警告。

• 第三步：在项目根目录执行npm install重新安装全量依赖。
• 第四步：安装完成后可以执行npm ls autoprefixer校验版本，输出结果中所有autoprefixer条目都显示10.4.5即为配置生效。
• 第五步：执行npm cache clean --force清理npm缓存，再执行npm start重启开发服务，警告就会消失。

如果不想锁定低版本autoprefixer，可以选下面任意一种方式处理：

• 升级Bootstrap版本：把依赖里的bootstrap升级到5.2.0及以上版本，官方已经在源码里把旧的color-adjust属性替换为标准的print-color-adjust，高版本autoprefixer下也不会触发该警告。
• 屏蔽特定警告：在项目根目录新建postcss.config.js配置文件，添加规则关闭这个特定提示，不影响正常构建：

module.exports = {
  plugins: {
    autoprefixer: {
      warn: {
        'color-adjust': false
      }
    }
  }
}

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