Creé un proyecto a través de create-react-app 4.0.3 que usa tailwindcss 2. Intenté actualizar el proyecto a tailwindcss 3, pero tuve problemas rápidamente, ya que tailwindcss 3 se basa en Post CSS 8, que no es compatible con create -react-app 4.0.3, por lo que también necesitaba actualizar a create-react-app 5.0.0

La documentación oficial de Create-React-App dice: " En la mayoría de los casos, basta con actualizar la versión react-scripts en package.json y ejecutar npm install en esta carpeta, pero es bueno consultar el registro de cambios para ver si hay cambios importantes".

La Guía de actualización oficial de Tailwind dice " actualice Tailwind, así como PostCSS y autoprefixer, usando npm " y agrega algunos cambios menores en tailwind.config.js

Seguí estos pasos y terminé con un gran mensaje de error al intentar ejecutar npm run start

Estoy pensando que al final podría ser más fácil configurar el proyecto desde una nueva instalación de 5.0.0 create-react-app, donde instalo Tailwind 3 en la parte superior en lugar de intentar reparar todos los problemas causados por la actualización. .

Sin embargo, antes de hacer esto, quería preguntar: ¿Cuál es la solución recomendada para actualizar de Tailwind 2 a 3 Y actualizar desde create-react-app de 4.0.3 a 5.0.0 (ya que tengo entendido que necesita hacer ambas cosas) para hacer que el viento de cola funcione). ¿Cómo resolvieron otras personas los problemas expuestos anteriormente?