微信小程序开发，使用vant组件样式无法显示解决方法
发布时间：2022-04-23 16:33:31
作者：泸州科技
来源：本站
浏览量（1723）
摘要：一、微信小程序开发：1.新手踩坑记录：vant组件的使用，进门就踩的坑：坑位耗时2小时，才爬出来。（1）使用vant组件样式无法显示。如小程序的自定义tabbar引入vant无法显示。解决方法：删除json文件里面的"lazyCodeLoading": "requiredComponents",保存之后显示样式（2）vant组件使用步骤：第一步：
一、微信小程序开发：
1.新手踩坑记录：vant组件的使用，进门就踩的坑：坑位耗时2小时，才爬出来。
（1）使用vant组件样式无法显示。如小程序的自定义tabbar引入vant无法显示。
解决方法：删除json文件里面的"lazyCodeLoading": "requiredComponents",
保存之后显示样式
（2）vant组件使用步骤：
第一步：通过 npm 安装vant组件：npm i @vant/weapp -S --production
第二步：修改 app.json：去掉"style": "v2"
第三步：修改 project.config.json； "packNpmManually": 改为true。{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./" 改为----->“./”}
第四步：微信小程序开发工具--工具菜单---构建npm
第五步：开始使用vant组件
（1）引入组件（局部和全局）对应json添加组件
（2）复制对应组件的wxml格式。
（3）设置对应的数据到js文件中。
82
