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

Question

我试图在WebStorm IDE中使用Tailwind，但是，出现此错误：

  

规则上的未知CSS

每当我使用@apply或@tailwind

Answer 1

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

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

Answer 2

当前不支持Tailwind，请按照WEB-42792和链接的票证进行更新。

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

Answer 3

显然，我不得不从Unknown CSS at-rule - This inspection detects unknown CSS at-rules.-> Preferences下的Editor-> Inspections-> CSS中禁用检查Invalid elements类别