uni-app中uni-ui和vant-weapp冲突

uni-app中uni-ui与vant-weapp冲突问题

最新推荐文章于 2025-09-18 09:52:43 发布

原创

最新推荐文章于 2025-09-18 09:52:43 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了在uni-app项目中，使用uni-ui组件库时遇到与vant-weapp组件库冲突的问题。内容包括冲突的原因分析、解决办法及如何在两个组件库间进行选择和适配，帮助开发者在多端开发中有效管理组件资源。

1. 需要下载vant的weapp版源码，将dist目录复制到uniapp项目中，路径：项目/wxcomponents/vant
2. 引入后hbuilderx会自动给每个组件生成一个vue文件，但是会包一层uni-shadow-root，如果同时使用uni官方的组件且是通过easycom的custom使用的，则会冲突，需要将正则改为^uni-((?!(shadow-root)).*)
3. 如果报了vant的css错误（Unclosed bracke