Tailwind CSS 3.2.6中dark:类不存在错误原因咨询

核心错误 #

你在global.css的@apply指令里，给暗黑模式的类名加了多余空格：

@apply dark: bg-black dark:text-white

Tailwind的变体修饰符（比如dark:）必须和后面的类名直接连在一起，不能有空格，带空格的写法会被识别为无效语法，这就是VS Code报错的直接原因。

修正后的global.css #

去掉空格，调整为正确的语法：

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        @apply max-w-2xl mx-auto px-4 bg-white text-black;
        @apply dark:bg-black dark:text-white
    }
}

额外确认项 #

1. 你的tailwind.config.js中darkMode: "class"的配置是正确的，和next-themes的ThemeProvider指定的attribute="class"完全匹配，这部分无需修改。
2. 如果安装了Tailwind CSS IntelliSense插件，建议重启VS Code让语法提示更新，避免缓存的错误提示残留。

内容的提问来源于stack exchange，提问作者Savana