sonofmagic / weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !
https://tw.icebreaker.top
MIT License
1.26k stars 92 forks source link

uniapp vue3环境下使用,有时候会出现类名未生成样式的情况 #254

Open xiaoxuehai opened 1 year ago

xiaoxuehai commented 1 year ago

描述这个Bug A clear and concise description of what the bug is.

代码url

可提供转化失败的 wxml,js,wxss 这类的产物, 可以直接复制粘贴在此处,或者提供 url

如何重现 uniapp vue3(vite构建,非hbuilderx)环境下使用类似 bg-[#4F84F9] last:mt-0亦或者是其他类名时偶尔会出现不生效的情况,审查元素查看后发现没有这个类名的样式,重新启动项目之后就有了

期望行为(可选) 所有的类名可以生效

屏幕截图(可选) image

运行环境

Additional context Add any other context about the problem here.

sonofmagic commented 1 year ago

问一下,是不是打开微信ide的代码热重载选项?

xiaoxuehai commented 1 year ago

问一下,是不是打开微信ide的代码热重载选项?

image 没有打开

sonofmagic commented 1 year ago

感觉这个问题应该是 uni-app 的热更新整个没有生效,因为你图1里面,元素上甚至都没有出现 bg-[#4F84F9] last:mt-0 这2个类

一般假如是插件问题,插件本身是不会去 去除 类名的,只会转义,那么 bg-[#4F84F9] 还是正常会有,不过会变成 bg- 4F84F9 这种缺失的方式存在着的。

你这个感觉是整个uni-app热更新都没有触发,所以还没运行到 tailwindcssweapp-tailwindcss 这一步

顺便问一下,重新起 uni-app 就好了嘛,这个一般多久会出现一次?

xiaoxuehai commented 1 year ago

感觉这个问题应该是 uni-app 的热更新整个没有生效,因为你图1里面,元素上甚至都没有出现 bg-[#4F84F9] last:mt-0 这2个类

一般假如是插件问题,插件本身是不会去 去除 类名的,只会转义,那么 bg-[#4F84F9] 还是正常会有,不过会变成 bg- 4F84F9 这种缺失的方式存在着的。

你这个感觉是整个uni-app热更新都没有触发,所以还没运行到 tailwindcssweapp-tailwindcss 这一步

顺便问一下,重新起 uni-app 就好了嘛,这个一般多久会出现一次?

bg-[#4F84F9] last:mt-0这两个类是另外一个页面,只是举个例子,你看图中我标记的那个pb-6在右侧样式中就是没有的,出现的时间这个我没办法确定,就是偶尔会出现,我重新运行项目就有了,但是像last:mt-0这种伪类有时候重新运行项目也还是没有