记录 [“usingComponents”][“van-image”]: “@vant/weapp/image” 未找到

新到一家公司，拉取小程序的代码，运行后，发现报错
在这里插入图片描述
大致意思是有的页面引用了vant的部分组件，但由于本地没有下载，所以找不到组件，就报错。

解决方法：

第一步：下载vant组件，命令

npm i @vant/weapp -S --production

在这里插入图片描述
第二步：打开微信开发者工具，点击“工具”，选中“构建npm”，完成构建；会多出两个文件，一个是miniprogram_npm，一个是依赖包node_modules
在这里插入图片描述

在这里插入图片描述

第三步：点击详情–勾选“使用npm模块”
在这里插入图片描述
重新编译即可

# 微信小程序
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

【GaussDB】使用gdb定位GaussDB编译package报错

avatar 华为开发者空间
cover

华为开发者空间-云主机镜像制作与复制分享功能指导

avatar 华为开发者空间
cover

【GaussDB】全密态等值查询功能测试及全密态技术介绍

avatar 华为开发者空间