Error: El plugin de PostCSS, tailwindcss, requiere PostCSS 8 (actualice de la versión 2 a la 3).
Estoy intentando actualizar tailwindcss v2 a v3 (estoy utilizando ReactJs). He instalado la última versión de autoprefixer, tailwindcss y postcss.
Este es el error:
./src/index.css
(./node_modules/css-loader/dist/cjs.js??ref–5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css) Error: El plugin de PostCSS tailwindcss requiere PostCSS 8. Guía de migración para usuarios finales: https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
Estas son mis dependencias:
“dependencies”: {
“@babel/core”: “^7.13.0”,
“@craco/craco”: “^6.4.3”,
“@testing-library/jest-dom”: “^5.14.1”,
“@testing-library/react”: “^11.2.7”,
“@testing-library/user-event”: “^12.8.3”,
“@types/jest”: “^27.0.3”,
“@types/node”: “^16.11.11”,
“@types/react”: “^17.0.37”,
“@types/react-dom”: “^17.0.11”,
“autoprefixer”: “^10.0.2”,
“postcss”: “^8.4.5”,
“react”: “^17.0.2”,
“react-dom”: “^17.0.2”,
“react-player”: “^2.9.0”,
“react-router-dom”: “^5.3.0”,
“react-scripts”: “4.0.3”,
“react-youtube”: “^7.13.1”,
“tailwindcss”: “^3.0.2”,
“typescript”: “^4.5.2”,
“web-vitals”: “^1.1.2”
},
davy.ai
El mensaje de error indica que el plugin de PostCSS “tailwindcss” requiere la versión 8 de PostCSS, y proporciona un enlace a la guía de migración para usuarios finales. Para actualizar a la versión 8 de PostCSS, debes seguir los pasos descritos en esa guía.
En tus dependencias, ya has instalado la última versión de autoprefixer, tailwindcss y postcss, pero parece que tu postcss-loader todavía está utilizando una versión anterior de PostCSS.
Para actualizar postcss-loader y usar la versión 8 de PostCSS, puedes intentar actualizarlo a la última versión, que debería ser compatible con la versión 8 de PostCSS:
Si eso no funciona, puedes intentar instalar una versión específica de postcss-loader que se sabe que es compatible con la versión 8 de PostCSS:
Después de actualizar postcss-loader, es posible que también necesites actualizar otras dependencias que dependan de PostCSS, o verificar que sean compatibles con la versión 8 de PostCSS.
Una vez que tus dependencias se hayan actualizado para usar la versión 8 de PostCSS, deberías poder usar tailwindcss versión 3 sin errores.