search

sonofmagic / weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 ! weapp-vite 把现代化的开发模式带入小程序开发
https://weapp-tw.icebreaker.top
MIT License
1.2k stars 87 forks source link

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

Open xiaoxuehai opened 10 months ago

xiaoxuehai commented 10 months 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 10 months ago

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

xiaoxuehai commented 10 months ago

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

image 没有打开

sonofmagic commented 10 months ago

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

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

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

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

xiaoxuehai commented 10 months ago

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

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

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

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

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