1.前言（废话）
公司项目需要把原本用uinapp开发的微信小程序想要在钉钉上也能使用，然后就打算用uniapp编译成钉钉小程序，看看是否有坑，不试不知道，一试吓一跳，官方没有提供钉钉的编译方式，按照网上文章的配置编译成钉钉小程序后，初步发现，uView-ui的icon没啦，然后样式和布局都奇奇怪怪的，排查的很久...(直接跳过)，最终定位到原因，组件上的类名是有的，acss文件也是有的，acss文件里面的样式没有在标签上生效，也就是空白的，如下图
2.定位分析问题
是什么原因导致的呢？定位了很久，然后发现编译后自定义组件的json文件中新增了一个陌生的属性"styleIsolation": "apply-shared"
把这个属性去掉，样式就可以生效了；
3.解决问题
查询了这个属性有啥作用 参考 支付小程序文档自定义组件样式隔离 - 支付宝文档中心
按道理说应该没有影响的，同套代码跑支付宝小程序样式就能生效，但是跑钉钉小程序就有问题最后去钉钉小程序提交了咨询工单，得到答复是钉钉小程序不支持这个属性，配置了会有影响；
然后就想着怎么在uni-app编译的时候能够去掉"styleIsolation": "apply-shared"，查找了很久，发现没有办法去掉！！（有知道的同学评论下，感谢！）；我试过像微信小程序加个options，但是编译成钉钉小程序并不生效；
参考问答社区Uniapp中如何设置微信小程序自定义组件的options.styleIsolation？（为了能修改自定义组件样式） - DCloud问答
最终打算在编译后的钉钉小程序全局替换掉这个属性(废弃)，欢迎评论区提供更好的解决方案！
文章来源：https://www.toymoban.com/news/detail-670641.html
参考帖子【报Bug】钉钉小程序不支持styleIsolation - DCloud问答是新版本的HBuilderX带来的问题，降低HBuilderX版本可解决；我降低到3.5.3版本可解决HBuilderX 历史版本文章来源地址https://www.toymoban.com/news/detail-670641.html
到了这里，关于uni-app编译成钉钉小程序，uViewUI组件样式失效，自定义组件样式失效的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![【Uni-App】微信小程序编译每次都出现[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string](https://imgs.yssmx.com/Uploads/2024/02/832239-1.png)
