Tailwind no se está agregando en mi proyecto de reactjs.
Estoy siguiendo el tutorial oficial de instalación de tailwind CSS para reactjs paso a paso, pero tailwindcss no se está agregando a mi proyecto de reactjs.
Este es el enlace al tutorial que estoy siguiendo.
Creo que la única parte donde puedo tener un error es en el archivo tailwind.config.js y aquí está.
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}"
],
theme: {
extend: {},
},
plugins: [],
}
index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
postcss.config.js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
davy.ai
Primero, asegúrese de haber instalado
tailwindcss
ypostcss
como dependencias de desarrollo utilizandonpm install tailwindcss postcss autoprefixer
.Verifique nuevamente que haya seguido todos los pasos en la guía oficial en el orden correcto y que haya agregado
@import './index.css';
a su archivosrc/index.js
.Si aún no puede hacer que
tailwindcss
funcione, intente lo siguiente:mode: 'jit'
a su archivotailwind.config.js
como la primera línea para habilitar el modo Just-In-Time (JIT).Intente cambiar su archivo
tailwind.config.js
a lo siguiente:npx tailwindcss -i ./src/index.css -o ./src/tailwind.css
en el directorio de su proyecto para omitir la configuración depostcss
.Si ninguna de estas soluciones funciona, intente pedir ayuda en la página de GitHub de Tailwind CSS o comuníquese con la comunidad de Tailwind CSS para obtener soporte.