Tailwindcss：语法错误：`hover:rounded-xl` 类不存在

Posted 2023-03-07

【中文标题】Tailwindcss：语法错误：`hover:rounded-xl` 类不存在

【英文标题】：Tailwindcss: Syntax error: The `hover:rounded-xl` class does not exist

【发布时间】：2022-01-08 08:12:22

【问题描述】：

语法错误：hover:rounded-xl 类不存在，但 hover:rotate-12 存在。如果您确定 hover:rounded-xl 存在，请确保在 Tailwind CSS 看到您的 CSS 之前正确处理任何 @import 语句，因为 @apply 只能用于同一 CSS 中的类

【参考方案1】：

为此，您需要在 tailwind.config.js 文件中启用 JIT 模式

// tailwind.config.js
module.exports = 
  ...,
  mode: "jit",
  ...
;