[Bug]: HbuilderX 5 alpha +版本的uniapp-x组件在class写tailwindcss类失效

[Akun97]

weapp-tailwindcss 版本

4.10.3

tailwindcss 版本

3.4.19

框架 & 小程序平台

uniapp-x vue3 vite 编译到WEB/APP

最小复现bug的代码仓库链接

No response

复现bug的步骤

1. manifest.json开启HBuilderX 5+ 全平台统一样式隔离策略2.0
   =》 "uni-app-x": {
   "styleIsolationVersion": "2"
   }
   2.封装一个组件

预期是什么？

组件子节点使用tailwind样式生效

实际发生了什么？

1.w-full h-[200px]未生成对应作用域的类，比如w-full[data-v-xxx] {}
2.如果是页面或者组件根节点，就会生成对应作用域的类
3.组件子节点class使用style标签内的样式类才会生效

运行环境

HbuilderX5.03.2026031009-alpha/windows11/Node20.19.0

其他附加信息

No response

[tggdddd]

这是样式隔离问题，组件默认不会引用app定义的样式 好像没有什么办法 unocss可以将样式在文件内生成而不是在全局中生成 tailwind好像不行 但单文件生成会不会导致文件太大了

[tggdddd]

好像只能手动在每个组件都加上
defineOptions({
styleIsolation: 'app'
})

[sonofmagic]

我在 weapp-tailwindcss@4.11.0版本尝试修复这个问题，
你可以 pnpm add -D weapp-tailwindcss 获取这个版本看看能不能修复你的问题。

@Akun97