/

How to Fix the \"Unknown At Rule @tailwindcss\" Warning in VS Code

How to Fix the “Unknown At Rule @tailwindcss” Warning in VS Code

Problem: When you include Tailwind in your project, you might encounter the warning message “Unknown at rule @tailwindcss(unknownAtRules)” in VS Code.

Unknown At Rule Warning in VS Code

Here’s a step-by-step guide on how to resolve this issue:

  1. Open the settings in VS Code.
  2. Search for “unknown” within the settings. The first result should be “CSS > Lint: Unknown At Rules”.
  3. Change the setting value from its default configuration to “ignore”.

Search for CSS Lint: Unknown At Rules

  1. Save the changes.

Change the Setting to Ignore

Once you have made this adjustment, the warning message should no longer appear in your VS Code editor.

Warning Resolved

tags: [“Visual Studio Code”, “Tailwind CSS”, “web development”, “CSS”, “linting”]