报错:Unknown at rule @apply

最新推荐文章于 2025-05-27 17:09:20 发布
最新推荐文章于 2025-05-27 17:09:20 发布
阅读量3.2k 收藏 5
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 问题 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m_uncle/article/details/125909022
在尝试使用Windicss时遇到了@apply未知规则的错误。问题在于PostCSS配置，通过在样式标签中添加`lang=postcss`属性解决了这个问题。这确保了PostCSS正确解析@apply指令，允许复用CSS类。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用windicss,将使用到的class名集合到新的class中报错Unknown at rule @apply

 解决办法: lang="postcss"

<style scoped lang="postcss">

</style>

 

Caused by: org.apache.ibatis.binding.BindingException: Parameter ‘memberId‘ not found. Available par
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
04-07 809
更新时报错
【Flink实战系列】Flink各种报错汇总及解决方案(实时更新中)
热门推荐
JasonLee实时计算
01-25 3万+
这篇文章主要用来记录一下Flink中的常见的报错以及解决方案(以后会持续更新) 1,Table is not an append-only table. Use the toRetractStream() in order to handle add and retract messages. 这个是因为动态表不是append-only模式的,需要用toRetractStream(回撤流)处理...
如何解决出现Unknown at rule @applyscss(unknownAtRules)警告？
任磊
08-16 1万+
在nuxt框架当中使用tailwindcss出现：@apply下面出现警告 怎么取消这个警告呢？ 安装 Stylelint 首先，我们需要安装Stylelint本身和一个包含合理标准配置的包。 npm install --save-dev stylelint stylelint-config-standard 在使用nuxt创建项目的时候， 如果Stylelint已经安装了，就不用重复安装了 创建 Stylelint 配置 将stylelint.config.js使用以下内容命名..
解决Unocss/Windcss/Tailwind样出现‘Unknown at rule @applyscss(unknownAtRules)’警告
china-quanda
04-17 6902
@apply 是 CSS 中的一个功能，它允许您将一组样式规则应用于一个选择器。这是一种实验性质的功能，并非所有的 CSS 解析器都支持它，特别是当你使用 PostCSS 和一些Unocss/Windcss/Tailwind CSS工作时。 在 VSCode 中遇到 Unknown at rule @applyscss(unknownAtRules) 的信息，可能是因为您的编辑器或其内置的 SCSS Linter 并不识别这一规则。
解决Tailwind v4 中无法使用 @apply 方法。
最新发布
Leisure_Time的博客
05-27 555
文章摘要：Tailwind CSS 在 Vue 或 Svelte 组件中使用 @apply 时若报错"unknown utility class"，需通过 @reference 引入 Tailwind。官方文档建议在样式块中先导入主题变量和工具才能使 @apply 生效。示例展示了在 Vue 组件的 style 标签中正确使用 @apply 的方法：先添加 @reference "tailwindcss" 引用，再应用具体工具类，这样可避免未知工具类错误。（149字）
解决Windcss样式出现‘Unknown at rule @apply’警告
njkl2166的博客
12-15 2552
添加1. 新建文件.vscode/tailwindcss.json。2.新建文件.vscode/settings.json。3. 关闭vscode编辑器，重新打开。
使用Tailwind CSS 如何解决Unknown at rule @applyscss(unknownAtRules)警告？
u013023765的博客
07-29 9560
VSCode 解决方案：在工作区设置文件中 settings.json 加载 Tailwind 指令的自定义 CSS 数据集。答案来源：https://duncanleung.com/tailwind-css-unknown-at-rule/
Tailwind CSS @apply Unknown at rule @apply scss(unknownAtRules) 解决方案
兰亭古墨
08-28 953
Unknown at rule @applyscss(unknownAtRules)
[{ "resource": "/e:/gw/jiagou/landscape_garden_website/src/views/CaseListView.vue", "owner": "_generated_diagnostic_collection_name_#8", "code": "unknownAtRules", "severity": 4, "message": "Unknown at rule @apply", "source": "css", "startLineNumber": 122, "startColumn": 3, "endLineNumber": 122, "endColumn": 9, "extensionID": "Vue.volar" }]
05-20
### 关于 CSS `@apply` 规则...为了彻底消除 `@apply unknownAtRules` 报错现象，请按照上述步骤逐一排查并修复问题所在。重点在于确认 PostCSS 是否已正确定义以及前端编辑器是否适配好对 TailwindCSS 的扩展支持。
Centos7.9上利用cephadm安装Ceph Octopus 15.2的采坑记录，附带K8S挂载方法
qq_27979109的博客
09-17 2427
Centos7.9上利用cephadm安装Ceph Octopus 15.20.亮点1 准备1.1 修改历史记录1.2 升级系统内核1.3 配置免密登录问题1：免密登录失败，检查安全日志1.4升级容器服务1.5 配置时间同步1.6 配置IPSET1.7 配置防火墙2 集群安装2.1 安装cephadm问题2: 提示未安装python3：2.2 集群安装问题3：执行mon相关的docker run一直超时，无法读取ceph.conf问题4：ERROR – 多个fsid无法选择：问题5：安装错误并提示找不到对应
常见日志报错及解决方法
蜜獾互联网
07-18 2599
错误原因：警告信息，EMQX 这边收到的 PUBREC 包使用的 PacketId 重复了，可能是一条 PUBREC 信息被重复发送了，也可能是用错了 Id, 大多数情况下都是重复发送的问题。错误原因：这个是同时启动集群中的多个节点， 启动时会去别的节点拿信息，由于另的节点也没准备好，就返回了个undefined。错误原因：ecpool 的功能，被底层库强制关闭了，这个是预期行为，如果子进程卡住是要强杀的。错误原因：qos2的消息队列满了，等待的满了，订阅端接收消息的能力不足。
eslint-plugin-tailwindcss:用于Tailwind CSS用法的ESLint插件
03-31
eslint-plugin-tailwindcss 使用 v2.0.3强制执行最佳做法和并发性的规则 安装 您首先需要安装 ： $ npm i eslint --save-dev 接下来，安装eslint-plugin-tailwindcss ： $ npm install eslint-plugin-tailwindcss --save-dev 用法 添加tailwindcss到你的插件部分.eslintrc配置文件。 您可以省略eslint-plugin-前缀： { " plugins " : [ " tailwindcss " ] } 然后在“规则”部分下配置要使用的规则。 { " rules " : { " tailwindcss/classnames-order " : 2 , " tailwin
Unknown at rule @tailwindcss(unknownAtRules)
星宇大前端
07-06 7865
vscode css @tailwind 警告去掉
tailwindcss 的使用
weixin_63182386的博客
03-01 640
tailwindcss 的安装和使用，去除提示 Unknown at rule @apply css(unknownAtRules)
Postcss是啥
LuckXinXin的博客
12-02 417
PostCSS 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。插件基于 CSS 代码的 AST 所能进行的操作是多种多样的，比如可以支持变量和混入（mixin），增加浏览器相关的声明前缀，或是把使用将来的 CSS 规范的样式规则转译（t...
如何vue-cli2.x以及vue-cli3.x中怎么使用postcss
后知后觉
03-22 1万+
使用vue-cli脚手架新建了一个以webpack模版的项目，想在单组件的项目中使用postcss书写css。 1、安装 npm install postcss-cssnext postcss-import postcss-loader -S 2、如果已经安装postcss(npm install postcss -S)有坑，需要一大堆loader配置，这时项目根目录会生成“.postcssr...
HBuilderX：[stylelint] Unexpected unknown at-rule “@extend“ at-rule-no-unknown的一个解决办法
weixin_43914876的博客
11-18 583
如题
重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署
前端劝退师
08-09 3335
作者：BASShttps://chengpeiquan.com/article/rewrite-in-vite.html本文写于年初，文中提到的一些当时还不支持 Vue3 的包，现在可...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值