微信小程序开发,使用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文件中。