解决警告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'

后发现控制台有警告:

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)
Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):

(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 [email protected] --save-exact

4.(还不行的话)在package.json添加

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

你可能感兴趣的:(css,bootstrap,react.js)