微信发开者工具报错:[app.json 文件内容错误] app.json: [“usingComponents“][“van-button“] 未找到(env: Windows,mp,1.06.221

本文档记录了在使用Vant Weapp小程序UI组件库时遇到的组件无法使用的问题,以及如何通过检查npm安装完整性、微信开发者工具识别和路径设置等步骤来解决。确保npm安装组件后文件完整,开发工具能正确读取,同时修正组件引用路径,是避免此类问题的关键。
摘要由CSDN通过智能技术生成

 按照官方步骤一步一步做还是出现组件无法使用,自己捯饬了一个多小时终于找到原因(就我的问题而言)

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

如果你按照官网的步骤得到这样的结果:

 

 

 在miniprogram_npm和node_modules中都有@vant文件夹,那么才算加载完成,我的微信开发者工具重启了好多回,npm了好几遍,才完整的显示出来,所以我过程中一直都是只有node_modules里面才有@vant,因此我在使用组件过程中路径一直是这样的:

而真正的路径是这样的:

 

总结:1、确保npm i 组件加载过程 文件的完整;

2、确保开发工具识别读取成功;

3、确保使用组件路径正确;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值