Si usa VS Code, puede agregar soporte para CSS moderno y experimental dentro de Visual Studio Code instalando el siguiente complemento para corregir el error al usar las directivas Tailwind CSS.

https://marketplace.visualstudio.com/items?itemName=csstools.postcss

Debe obtener un formateador de código para que VSCode lo resuelva.

Te recomiendo que descargues Beautify disponible en este enlace .

Solución rápida para .css y .scss (NO RECOMENDADO)

1. En el nivel raíz de su proyecto, actualice o cree un dir .vscode con un archivo settings.json :

2. Agregue lo siguiente a .vscode/settings.json:

 { "css.validate": false }

Resultados:

Te deshaces de estos errores de pelusa de SASS cuando usas Tailwind-CSS pero deshabilitas la validación de CSS.

Solución para .css y .scss

1. En el nivel raíz de su proyecto, actualice o cree un dir .vscode con un archivo settings.json :

2. Agregue lo siguiente a .vscode/settings.json:

 { "css.validate": false, "less.validate": false, "scss.validate": false }

3. Instale la extensión vscode-stylelint

4. instalar stylelint-config-estándar :

npm i stylelint-config-standard -D

5. cree un archivo stylelint.config.js en el nivel raíz y agregue:

 module.exports = { extends: ['stylelint-config-recommended'], rules: { "at-rule-no-unknown": [ true, { ignoreAtRules: [ "tailwind", "apply", "variants", "responsive", "screen", ], }, ], "declaration-block-trailing-semicolon": null, "no-descending-specificity": null, }, };

6. reiniciar vsCode

Resultados:

Te deshaces de estos errores de linting de SASS cuando usas Tailwind-CSS y sigues haciendo la validación de css con stylelint.

Las otras respuestas son termonucleares. Incluso Confucio se detuvo con un canon...

Este es el que lo hizo por mí.

Para reproducir: Configuración -> busque "directiva de viento de cola no válida", actualice el valor de esta regla a "ignorar". Voilá.

Puede decirle al linter CSS de VS Code que ignore "Reglas desconocidas" (como @tailwind ). Esto dejará intacto el resto de su validación de CSS:

1. Código VS -> Paleta de comandos -> Configuración del espacio de trabajo -> Buscar: CSS desconocido en reglas
2. Establecer para ignore

VS Code también puede incluir en la lista blanca propiedades CSS específicas con CSS > Lint: Valid Properties , pero parece que aún no se admiten las "reglas at" específicas en la lista blanca.

Corrección de una línea en la configuración de vscode.json

 "scss.lint.unknownAtRules": "ignore"