解决警告Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

在开发react项目时，当导入 bootstrap.min.css

import 'bootstrap/dist/css/bootstrap.min.css'

后发现控制台有警告：

1.  
   WARNING in ./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/bootstrap/dist/css/bootstrap.min.css)
2.  
   Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
3.  
    
4.  
   (6:29521) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

经查阅资料发现是模板的bug，这个bug在bootstrap v5.2会修复

autoprefixer: Replace color-adjust to print-color-adjust. · Issue #36259 · twbs/bootstrap · GitHub

可以通过 以下方式解决：

1.删掉node_modules

2.删掉package-lock.json

3.install autoprefixer 10.4.5 

npm install autoprefixer@10.4.5 --save-exact

4.（还不行的话）在package.json添加

1.  
   "overrides": {
2.  
   "autoprefixer": "10.4.5"
3.  
   }

这篇好文章是转载于：学新通技术网