uni-app编译成微信小程序class出现重复情况

eggper 1楼

此问题暂时判断是小程序显示问题，在编译之后的 wxml 文件中，class 是只有一个的，具体原因还是需要排查

更多关于uni-app编译成微信小程序class出现重复情况的实战教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 2楼

用微信开发者工具新建的项目没有问题

wuwangju 3楼

直接打开编译后的项目确实是只有一个class，奇了怪了【哭笑】

sinazl 4楼

把微信开发者工具回退到1.06.2409140就可以了，看来不是越升级越好

caililin 5楼

我的微信开发者工具，版本是：1.06.2412050。上周开发项目的时候，都没发现有问题，但是今天升级了hbuilder后，就出现了这个问题，我感觉不是微信开发者工具的问题。
而且，现在rpx这些单位，都不转成px了。直接展示在了前端。
刚试了一下hbuidler，切回上一个版本4.45，还是不行。。。

yibo5220 6楼

在uni-app编译到微信小程序时出现class重复的问题，通常是由于样式隔离机制导致的。微信小程序默认启用了样式隔离（styleIsolation），而uni-app生成的代码可能没有完全适配这一特性。

常见原因及解决方案：

检查是否在pages.json中配置了"styleIsolation": "shared"，改为"isolated"可以启用严格隔离。
如果是自定义组件，可以在组件选项中设置：

options: {
  styleIsolation: 'isolated'
}