解决Unocss/Windcss/Tailwind样出现‘Unknown at rule @applyscss(unknownAtRules)’警告

1,947 阅读1分钟

@apply 是 CSS 中的一个功能,它允许您将一组样式规则应用于一个选择器。这是一种实验性质的功能,并非所有的 CSS 解析器都支持它,特别是当你使用 PostCSS 和一些Unocss/Windcss/Tailwind CSS工作时。 在 VSCode 中遇到 Unknown at rule @applyscss(unknownAtRules) 的信息,可能是因为您的编辑器或其内置的 SCSS Linter 并不识别这一规则。

在使用Unocss/Windcss/Tailwind时,我们应该都会遇到这个问题:

0.jpg

解决方法: 1、打开 vs code 设置; 2、搜索设置 scss Unknown; 3、改成ignore;

3.png

@apply上面的警告应该消失了。

4.png