微信小程序使用vant组件样式不生效的问题

下面提供几个解决方案

方案一:

官方文档有说明,将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
在这里插入图片描述
在这里插入图片描述

方案二:

网上说了很多解决方案,例如:

1、可能是布局样式有冲突 推测可能是flex 布局
2、app.json中取消懒加载
......

这些方法我都试过了,还是无法解决,最后通过清除缓存,重新编译的方式解决了,如下:
在这里插入图片描述

在这里插入图片描述
编译之后样式就会出现,这是第一种方法
第二种
在这里插入图片描述
构建npm包后重新加载,样式也会出现

posted @ 2023-01-30 18:51  兔子先森Ace  阅读(1001)  评论(0编辑  收藏  举报