微信小程序:vant组件库安装步骤

前言:在微信小程序中引用vant组件报错,提示路径不存在,这很有可能是因为没有安装构建vant组件库导致。下面是我整理的安装vant组件库的步骤:

第一步:安装node.js(执行完第一步请重启小程序)

具体步骤请看链接:node.js下载安装步骤整理-CSDN博客

第二步:通过npm安装vant

>>点击进入vant官网

Vant Weapp - 轻量、可靠的小程序 UI 组件库

>>快速上手>>步骤一 通过 npm 安装>>复制命令 npm i @vant/weapp -S --production

>>在小程序页面下方空白处>>鼠标右键>>在外部终端窗口中打开

>>输入命令 npm init -y >>回车>>返回如下图所示

>>输入命令 npm i @vant/weapp -S --production(刚复制的命令)>>回车>>返回如下图所示

第三步:构建 npm 包

>>打开微信开发者工具>>点击 工具 -> 构建 npm,构建完成后,即可引入组件。

相关推荐
发呆小天才yy1 小时前
uniapp 微信小程序使用图表
前端·微信小程序·uni-app·echarts
Muxiyale4 小时前
微信小程序备案的一些记录
微信小程序·小程序
ThreeYear_s8 小时前
基于FPGA婴儿安全监护系统(蓝牙小程序监测)
fpga开发·小程序
天上掉下来个程小白9 小时前
缓存菜品-04.功能测试
java·spring boot·缓存·微信小程序·需求分析·苍穹外卖
Mountain089 小时前
微信小程序BLE蓝牙模块断开后无法再次搜索到原来的蓝牙
微信小程序·小程序
大力水手~13 小时前
微信小程序上传视频,解决ios上传完video组件无法播放
ios·微信小程序·音视频
上海云盾商务经理杨杨16 小时前
2025年小程序DDoS与CC攻击防御全指南:构建智能安全生态
安全·小程序·ddos
说私域17 小时前
数字化驱动下的智慧物流与零售创新:全流程无人仓与定制开发开源AI智能名片S2B2C商城小程序的协同实践
人工智能·小程序·开源·零售
Nueuis19 小时前
微信小程序使用腾讯云COS SDK实现用户头像上传
微信小程序·小程序·腾讯云