Search results
Jan 11, 2023 · There are a few solutions to try: Setting up Tailwind CSS IntelliSense plugin. Configuring VSCode to ignore them. Adding your own descriptions to Tailwind’s at-rules. If you are using Error Lens, disable warnings. Installing Tailwind CSS IntelliSense Plugin.
Dec 11, 2020 · If you are using Next.js and VS Code, the following might work for you: Check import "@/styles/globals.css"; in your layout.jsx file i.e. check if you have imported your css file correctly. Create .vscode folder at root level. In .vscode folder create two files: settings.json and tailwind.json.
May 21, 2023 · The following solution shows how to resolve the "Unknown at rule @tailwindcss(unknownAtRules)" if you use VS Code as your code editor. Press Ctrl + Shift + P (or Command + Shift + P on macOS). Note: you can also press F1 to open the Command Palette.
Jun 27, 2022 · Problem: you include Tailwind in a project like this, but you get the warning Unknown at rule @tailwindcss(unknownAtRules) in VS Code: Here’s how to fix this. Open a CSS file in your project, and from the VS Code Command Palette choose “Change Language Mode”, then pick “Tailwind CSS” from the list.
Jan 31, 2024 · The unknown at rule @tailwind warning is a common issue that occurs when using Tailwind with VSCode. It means that VSCode does not recognize the @tailwind directive, which is used to inject Tailwind’s base, components, utilities styles into your CSS files.
May 11, 2023 · Have you ever included Tailwind CSS in your project just to be spammed by multiple warnings like Unknown at rule @tailwind css(unknownAtRules)? A quick fix for this is to ignore them from the VS Code settings.
Feb 22, 2022 · When I run npm run dev, my resources/css/app.css file is not populated with Tailwind rules, and I still have only the three: @tailwind base; @tailwind components; @tailwind utilities; With a warning of Unknown at rule @tailwindcss(unknownAtRules).
