'react-bootstarp warning about color adjust [closed]

I began my react app with create-react-app, then I installed react-bootstrap with npm, then I used in my index.js import 'bootstrap/dist/css/bootstrap.min.css';. After saved this wrning appeared: enter image description here

What's wrong ?

react-bootstrap


Solution 1:[1]

To fix it temporarily:

Remove your "node_modules" folder
Remove your "package-lock.json" file
Add to your "package.json" file: "overrides": { "autoprefixer": "10.4.5" }
Finally, run: npm i --save-exact

Some details:

React version: ^18.1.0
Bootstrap: ^5.1.3
cra-template: npx create-react-app my-app --template typescript
Node version: v16.14.2
NPM version: 8.6.0
env: macOS Monterey v12.3.1 | intel processor

Hope it works for u!

Solution 2:[2]

There is a temporary bug, which will be fixed with bootstrap v5.2:

https://github.com/twbs/bootstrap/issues/36259

You need to install autoprefixer 10.4.5:

npm install [email protected] --save-exact

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Luis Adolfo Pimentel
Solution 2 Igor Gonak

Related Questions