如何添加一个@顺风CSS规则CSS检查

顺风在规则中添加@顺风css，标记为未知。如何避免这种错误?

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

确保安装PostCSS语言支持，在VSCODE中找到扩展。这将删除正在显示的错误。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

VS市场链接:https://marketplace.visualstudio.com/items?itemName=csstools.postcss

注意:从VS Code中卸载PostCSS智能感知和高亮扩展，否则它将无法工作。

其他回答

如果顺风css不像未知规则引起的错误那样工作，你需要重新构建它。例如，如果你已经在本地环境中运行了npm run dev，你可以用ctrl + c退出并再次运行npm run dev来创建一个正常的纯CSS文件，这将使顺风CSS工作。

这正是我所遇到的问题以及我是如何解决它的。

只需在设置中添加三行。json文件

"css.lint.unknownAtRules": "ignore",
"css.validate": true,
"scss.validate": true,

在这里输入图像描述对于Vue 3，您可能尝试安装Vue 3支持扩展

1. 只需进入设置(ctrl +，)的快捷方式。 2. 在搜索栏中搜索CSS。 3.查找(CSS> Lint:未知At规则) 4. 从下拉选项中选择“忽略”。

这忽略了警告。如果你不介意的话。

我的建议是安装postCSS语言支持，然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

推荐文章