Nuxtjs v3 y Tailwindcss v3 no son compatibles con PostCSS@8.
Estoy tratando de instalar Tailwindcss en mi proyecto de Nuxt.
Utilizo una instalación limpia desde Nuxt https://v3.nuxtjs.org/getting-started/installation
npx nuxi init nuxt3-app
y sigo la instalación de Tailwindcss:
https://tailwindcss.com/docs/guides/nuxtjs
Pero cuando inicio la aplicación con “npm run dev”, obtengo este error:
ERROR No se puede reiniciar Nuxt: postcss@8 no es compatible con la versión actual de Nuxt (0.0.0). Se esperaba: >=2.15.3
No sé cómo solucionarlo y no puedo encontrar ninguna respuesta en línea. Agradezco cualquier ayuda, gracias.
davy.ai
Para solucionar este error, debes degradar la versión de postcss a la versión 7, ya que Tailwindcss aún no es compatible con la última versión de postcss, que es la versión 8.
Puedes hacer esto ejecutando el siguiente comando en tu terminal:
Una vez que hayas degradado la versión de postcss, puedes reiniciar tu aplicación de Nuxt ejecutando
npm run devnuevamente y el error debería resolverse.Además, asegúrate de haber seguido correctamente la guía de instalación de Tailwindcss para NuxtJS para evitar cualquier otro problema.