> Faqs > Solucionar error Tailwind spacing[some key][1.5]' does not exist in your theme config

Solucionar error Tailwind spacing[some key][1.5]' does not exist in your theme config

Soy nuevo en TailWind y he seguido las instrucciones de instalación paso por paso.

Tengo un proyecto sencillo, donde los archivos HTML están en la raíz, por lo que tengo este tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Realemnte es el mismo código que aparece en la página de Tailwind, solo que le he quitado la carpeta src que no tengo los archivos HTML allí.

Luego lanzo el comando de build para tailwind así:

npx tailwindcss -i ./src/style.css -o ./dist/style.css --watch

Me sale este error que no sé a qué se refiere.

Rebuilding...
CssSyntaxError: tailwindcss: /Users/borja/sandbox/css/tail/src/style.css:3:1: 'spacing[some key][1.5]' does not exist in your theme config. 'spacing' has the following keys: '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '14', '16', '20', '24', '28', '32', '36', '40', '44', '48', '52', '56', '60', '64', '72', '80', '96', 'px', '0.5', '1.5', '2.5', '3.5'

¿Alguna sugerencia para solucionar este problema?

Respuestas

Tu problema es que las rutas donde estás pillando tu HTML no están bien, dado que el patrón:

content: ["**/*.{html,js}"],

Te estaría tomando muchos más archivos, de cualquier ruta que tengas...

Cambia por esta otra configuración en tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

(Solamente está cambiado el valor de la propiedad content para definir mejor donde tienes los archivos HTML)

Camila
452 18 28 5
Gracias, así como dices lo he podido solucionar! un abrazo!