Así que estoy trabajando en un proyecto de reacción más antiguo (2-3 años) para el trabajo. Ngl, es un poco frustrante no conocer todas estas 5000 clases de css, por lo que llegué a la conclusión de usar tailwind. El tipo que trabajó en el proyecto antes que yo también usó material ui y algunas otras hojas de estilo descargadas. Pero como todo funcionó perfectamente con el enlace cdn, eso no debería ser un problema. La estructura del proyecto queda de la siguiente manera:
Intenté inyectar el objeto de contenido en tw.config en index.html y
content: ["./src/**/*.{html,js,jsx}"]Tampoco tengo ni idea de dónde poner mi index.css. Las directivas @tailwind para las 3 capas también tienen un
"Unknown at rule @tailwind"advertencia, pero no sé si eso es lo habitual, ya que ese archivo no tiene ninguna importación y solo se exporta.
Seguí las instrucciones en los documentos usando
npm install -D tailwindcss npx tailwindcss initTambién aparece en mis dependencias de desarrollo y se instaló correctamente en mis módulos de nodo. Así que sí... Lamentablemente, hay contenido muy raro para encontrar una solución... -> https://www.youtube.com/watch?v=oG6XPy1t1KA tampoco me ayudó mucho.
Pensé que el problema era el nuevo Tailwind v3 y el proyecto anterior. Si importa, actualmente estoy usando el nodo v4.16.1 en el proyecto.
¡Me alegra cualquier ayuda que pueda obtener! ¡Salud!
El Unknown at rule @tailwind no parece importar ya que la aplicación en la que estoy trabajando tiene el mismo mensaje pero se compila al inicio, tal vez pueda intentar inyectar público como en el contenido con "./public/**/*.{whatever file types}", el otro, ya que tuve un problema en el que ninguno de los estilos aplicados en los archivos de esa carpeta no hizo ningún cambio.