css - Tailwind CSS : The `outline` class does not exist. 但这不是自定义样式，而是框架类

Question

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

收到的错误:

The outline class does not exist. If you're sure that outlineexists, make sure that any @import statements are being properlyprocessed before Tailwind CSS sees your CSS, as @apply can only beused for classes in the same CSS tree.

这是在组件的 @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 {
      ...
   }

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

Answer 1

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

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

Error

<css input>: Circular dependency detected when using: @apply outline

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