5 votes

react-bootstarp : avertissement sur l'ajustement des couleurs

J'ai commencé mon application react avec create-react-app, puis j'ai installé react-bootstrap avec npm, puis j'ai utilisé dans mon index.js importez 'bootstrap/dist/css/bootstrap.min.css' ; . Après la sauvegarde, cette fenêtre est apparue : enter image description here

Qu'est-ce qui ne va pas ?

4voto

Pour le réparer temporairement :

Supprimez votre dossier "node_modules".
Supprimez votre fichier "package-lock.json".
Ajoutez à votre fichier "package.json" : "overrides" : { "autoprefixer": "10.4.5" }
Enfin, courez : npm i --save-exact

Quelques détails :

Version React : ^18.1.0
Bootstrap : ^5.1.3
cra-template : npx create-react-app my-app --template typescript
Version du nœud : v16.14.2
Version de NPM : 8.6.0
env : macOS Monterey v12.3.1 | intel processor

J'espère que ça marchera pour vous !

2voto

Igor Gonak Points 513

Il y a un bug temporaire, qui sera corrigé avec bootstrap v5.2 :

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

Vous devez installer autoprefixer 10.4.5 :

npm install autoprefixer@10.4.5 --save-exact

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X