Erreur : le préfixe automatique du plug-in PostCSS nécessite PostCSS 8. Mettez à jour PostCSS ou rétrogradez ce plug-in

Question

Je reçois cette erreur chaque fois que j'exécute npm start. J'ai essayé quelques correctifs mais aucun d'entre eux ne fonctionne pour moi. J'ai essayé de changer la version de l'autopréfixe en 9.8.6 mais cela n'a pas fonctionné. Merci de m'aider avec ce problème

Ceci est mon package.json

 {
  "name": "reactgallery",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.3"
  },
  "scripts": {
    "start": "npm run watch:css && react-scripts start",
    "build": "npm run build:css && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
    "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "autoprefixer": "^9.8.6",
    "postcss-cli": "^7.1.2",
    "tailwindcss": "^1.8.10"
  }
}

Answer 1

Si vous rencontrez ce problème et que vous utilisez Tailwind CSS v2, essayez ceci

 npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

source :https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

Answer 2

Je ne suis pas sûr de cela, mais pouvez-vous essayer d'installer postcss en tant que dépendance ?

 npm i postcss

Answer 3

Ok, pour moi, j'ai corrigé la suppression de package-lock.json et l'installation :

 "tailwindcss": "^1.8.10"
"postcss-cli": "^7.1.0"
"autoprefixer": "^9.7.5"

Answer 4

le combo suivant fonctionne à partir d'octobre 2020

   ...
  "dependencies": {
    "autoprefixer": "^9.8.6",
    "postcss-cli": "^8.1.0",
    "tailwindcss": "^1.9.2"
  }