微信小程序引用vant组件报错路径找不到。

在vant组件通过npm安装好后,引用组件发生问题,如图所示:
在这里插入图片描述

经过反复测试,有以下两种情况:

  1. 第一种:用测试号创建的项目,亲测不会有问题。
  2. 第二种:用appid创建的项目,因为多了云函数功能,目录结构变了。你会发现,你的本地文件都被存在miniprogram目录中。对比第一种情况,vant组件的目录——miniprogram_npm,应该和这些文件保持同级。
    这时候只要把 miniprogram_npm这个目录移动到miniprogram目录里面,再次测试,问题解决。
    目录结构如图:
    vant插件放置位置
    备注:node_modules目录貌似只是用来安装的,实际测试删除也没什么影响。
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值