Tailwind CSS：`outline` 类不存在。然而，这不是自定义样式，而是框架类答案

【问题标题】：Tailwind CSS: The `outline` class does not exist. Yet this is not a custom style, but a framework classTailwind CSS：`outline` 类不存在。然而，这不是自定义样式，而是框架类
【发布时间】：2021-12-24 21:39:33
【问题描述】：

在一个新项目中，我得到了一个奇怪的行为，除了大纲和相关之外，一切都按预期工作：https://tailwindcss.com/docs/outline-style

收到的错误：

outline 类不存在。如果你确定outline 存在，请确保任何 @import 语句都正确在 Tailwind CSS 看到您的 CSS 之前处理，因为 @apply 只能是用于同一 CSS 树中的类。

这是在 @apply 中的一个组件，例如：

    .button {
        @apply bg-primary hover:bg-secondary;
    }

    .primary {
        @apply border-2 md:border-none border-primary md:border-transparent;
    }

但这不起作用：

    .outline {
        @apply outline outline-2 outline-offset-2 focus:outline-yellow-500;
    }

为了确保它在同一个导入树中，这些在 index.css 中作为组件层的一部分应用：

   @layer components {
      ...
   }

任何对此的见解都将受到高度赞赏，因为没有任何参考资料（顺风文档，而不是他们的 repo 错误以可行的方式解决了这个问题，发现的每个示例都指向用户错误。这里可能就是这种情况，但是我还没有找到问题。

【问题讨论】：

标签： css tailwind-css postcss

【解决方案1】：

您不能将类应用于自身。 outline 已定义（默认顺风类之一），您正在尝试再次定义和应用它。

查看错误：https://play.tailwindcss.com/cdQLeYFcNH?file=css

错误

<css input>：使用时检测到循环依赖：@apply outline

使用不同的自定义类。赞.custom-outline：https://play.tailwindcss.com/qo8M6Zkj31

【讨论】：

谢谢您，先生，我的疏忽似乎是问题所在。非常感谢您的反馈和解决方案！