关于小程序引入第三方组件中遇到的问题总结

本文讲述了在使用vant组件时遇到的找不到组件错误,涉及npm安装、VantWeapp配置、miniprogram文件夹结构的理解,以及如何正确引用路径。解决办法包括检查 vant vs vant-weapp 的区别和调整json文件中的引入路径。
摘要由CSDN通过智能技术生成

1、"pages/index/index.json: ["usingComponents"]["van-field"]: "@vant/weapp/fiel...

 当你复制组件进.json 文件后报错找不到该组件,小编在网上找到了一些方法

解决办法

一.安装vant
1.通过npm安装
npm i @vant/weapp -S --production
npm i vant-weapp -S --production(安装0.x版本)

原作者链接:https://www.jianshu.com/p/aaa3ee077ebf

但是我使用后还是不行,还是相同的报错,这里小编建议你可以看一看miniprogram_npm这个文件夹下的miniprogram_npm下边是@vant还是vant-weapp; 如果是 vant-weapp  那就不能使用上边的方式引入,这个在安装步骤这篇文章里小编提到过两者区别 ,可以去看一下

这里需要将.json 中的引入改为

{
  "usingComponents": {
    "van-button": "../../miniprogram_npm/vant-weapp/button/index"
  }

 2、当我按照Vant Weapp官网配置后

 我发现我的报了  message:发生错误 Error: D:\yuyanan\project\demo\vant_demo\miniprogram\ 未找到

我的文件下边也并没有miniprogram这个文件;我看网上说,创建小程序的时候选择typeScript 才会自动生成;

我在这里的解决方法:省略掉这一步

关于小程序第三方插件具体安装步骤 :

https://blog.csdn.net/weixin_47426557/article/details/119801066?spm=1001.2014.3001.5501

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值