J'obtiens cette erreur chaque fois que je lance 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'autoprefixer en 9.8.6 mais cela n'a pas fonctionné. Veuillez 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"
}
}
7 Réponses :
Je n'en suis pas sûr mais pouvez-vous essayer d'installer postcss en tant que dépendance?
npm i postcss
Merci pour votre réponse. Je vais essayer ça.
Myea qui l'a résolu pour moi
Rétrograder votre autoprefixer à la version 9, utilisez
"autoprefixer": "^ 9.0.0"
dans vos dépendances de développement.
PostCSS a été mis à jour vers la version 8, cependant, la CLI PostCSS n'a pas encore été mise à jour pour gérer les plugins PostCSS qui utilisent la nouvelle API PostCSS 8+. L'Autoprefixer utilise la nouvelle API PostCSS 8 depuis la version 10.
Ceci est documenté sous les problèmes connus dans la page PostCSS GitHub.
Une fois que la CLI PostCSS sera mise à jour pour gérer les plugins qui utilisent la nouvelle API PostCSS 8+, cela ne posera probablement pas de problème. Mais d'ici là, vous devrez peut-être rétrograder certains plugins PostCSS pour éviter les erreurs.
Merci pour votre réponse, cela n'a pas fonctionné pour moi. J'obtiens toujours cette erreur. Erreur: le préfixeur automatique du plugin PostCSS nécessite PostCSS 8. Mettez à jour PostCSS ou rétrogradez ce plugin.
@RishiPurwar avez-vous supprimé votre dossier node_modules et exécuté npm install ou yarn install ?
J'ai de nouveau installé postcli. Maintenant, ça marche pour moi
Merci, cela a fonctionné!
Ok, pour moi, j'ai été corrigé en supprimant package-lock.json et en installant:
"tailwindcss": "^1.8.10" "postcss-cli": "^7.1.0" "autoprefixer": "^9.7.5"
La suppression du verrou de paquet l'a fait pour moi. Mais j'utilise ^ 9.8.5.
le combo suivant fonctionne à partir d'octobre 2020
...
"dependencies": {
"autoprefixer": "^9.8.6",
"postcss-cli": "^8.1.0",
"tailwindcss": "^1.9.2"
}
Sur la base dulien de documentation, supprimez un certain support pour les anciens NodeJS et vous devez mettre à niveau manuellement les packages. Exemple dans mon cas pour un projet basé sur webpack, il suffit de mettre à jour ces dépendances:
"dependencies": {
"autoprefixer": "^10.0.2",
"postcss": "^8.1.7",
"postcss-loader": "^4.0.4"
}
Vous n'avez donc pas besoin de rétrograder l' autoprefixer :)
Fonctionne pour moi - n'a pas été en mesure d'ajouter le package "post-css" via le terminal mais après avoir ajouté la ligne manuellement dans package.json et réinstaller tout allait bien.
Pour Next.js 10, il vous suffit de faire
npm install tailwindcss@latest postcss@latest autoprefixer@latest
Source de ce problème ici
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