Tailwind + WebStorm：“规则中的未知 CSS”

Question

我正在尝试将 Tailwind 与我的 WebStorm IDE 一起使用，但是，出现此错误：

规则中的未知 CSS

每当我使用@apply或@tailwind

Answer 1

当前不支持 Tailwind，请关注WEB-42792和链接的票证以获取更新。

在首选项中禁用未知 CSS 规则检查| 编辑 | 检查 | CSS | 无效元素是避免Unknown CSS At Rule错误的唯一方法；请注意，某些 Tailwind 规则可能会导致来自低级检查且无法禁用的语法错误（如Unexpected token等）。在这种情况下，我只能建议关闭此类文件的语法突出显示以避免错误：在编辑器中打开文件，单击右下角的Hector图标，然后移动滑块将突出显示级别更改为None，然后重新- 打开项目。看https://www.jetbrains.com/help/phpstorm/disabling-and-enabling-inspections.html#change-highlighting-level-for-file。

Answer 2

如果您不想在配置 IDE 中禁用规则错误。您可以选择此语法。希望这会有所帮助:)

// noinspection CssInvalidAtRule
@tailwind base;
// noinspection CssInvalidAtRule
@tailwind components;
// noinspection CssInvalidAtRule
@tailwind utilities;

Answer 3

恕我直言，禁用检查是错误的方法，因为此检查的目的是警告规则是否正确，而这里的问题仅仅是 IDE 不知道这一点:)

要解决此问题，您可以添加 Tailwind 插件 ( https://plugins.jetbrains.com/plugin/15321-tailwind-css )。它将使 IDE 了解新规则，并添加许多新功能，例如类自动完成:)

Answer 4

Unknown CSS at-rule - This inspection detects unknown CSS at-rules.显然我必须从->类别下的Preferences-> Editor->禁用检查InspectionsCSSInvalid elements