解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

9月前作者：stable mesotheca 分类：Toy博客阅读(61) 违法举报

这篇具有很好参考价值的文章主要介绍了解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

报错内容：

[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["van-search"]: "@vant/weapp/search/index" 未找到

(env: Windows,mp,1.06.2301040; lib: 2.14.1)

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

按照vant说明文档配了很多遍，微信小程序也更新到最新版本，project.package.json如下配置

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

依旧报错。网上各种类似报错的解决方法，重点都在小程序项目对vant组件的引用，所以推理出以下解决方案：

miniprogram_npm是vant命令生成的，所有要引用的组件都在这里，

我这里自动生成的目录是这样的，和微信的miniprogram文件夹平级。

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

微信小程序正常引入一个组件是这样的目录结构：

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

vant也是使用组件的方式引入，所以移动miniprogram_npm到miniprogram下，与pages平级

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

刷新一下就正常显示啦~文章来源地址https://www.toymoban.com/news/detail-509850.html

到了这里，关于解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序引入vant与解决[ app.json 文件内容错误] [“van-button“]: “@vant/weapp/button/index“ 未找到

下面模拟小白引入vant所遇到的问题与[ app.json 文件内容错误] [\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到 1，利用npm引入vant组件，在目录下初始化组件库命令：npm init 按ENTER键直到最后回yes好了 2，npm i vant-weapp -S --production 3，回到小程序构建npm 4，此时可能会出现这样的一个问题

2024年02月11日
浏览(57)
定义tabbar，以及解决原生微信小程序使用vant的tabbar的bug（点击俩次图标才正确激活）

详细步骤，可以参考小程序官方给出的文档: https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html 在 app.json 中的 tabBar 项指定 custom 字段在代码根目录下添加入口文件: custom-tab-bar用自定义组件的方式编写即可，用自定义组件的方式编写即可，该自定义组件完全接

2024年04月14日
浏览(41)
解决微信小程序自定义组件报错找不到路径的问题:[ pages/home/home.json 文件内容错误] pages/home/home.json: [“usingComponents

结果总结：首先自定义组件命名格式以vtabs-xxx命名，然后引用格式：还有看一下app.json里面有没有引入过，在app.json里面引入过就已经是全局的了。再引入局部就会报错。说明：估计是版本问题

2024年02月15日
浏览(58)
uniapp微信小程序引入vant组件库

1、首先要有uniapp项目，根据vant官方文档使用yarn或npm安装依赖：安装完依赖如下： 2、在uniapp项目根目录下(也可以指定目录)本案例在根目录下新建：wxcomponents文件夹！！！！必须是wxcomponents文件夹！！！！！必须是wxcomponents文件夹！！！！！必须是wxcomponents文件夹！（原

2024年02月16日
浏览(94)
[微信小程序] 项目引入vant组件库 npm构建问题避坑

按照Vant Weapp官网的快速上手，构建npm时发现报错问题：package.json 未找到原因：没有初始化npm，所以没生成package.json，npm构建时需要此文件，所以报此错误解决：在项目根目录里执行 “ npm init ” 再次构建npm，还会报错，此时按照vant官方文档再次执行即可：如果还是没有

2024年02月17日
浏览(57)
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:

目录错误1：没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录旧版本新版本错误二：app.json: [\\\"usingComponents\\\"][\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到今天在写微信小程序的时候，在里面引入包的时候，然后构建npm时，报了一个错：没有找到可以构建的

2024年02月04日
浏览(51)
微信小程序引入Vant报Component is not found问题

好多年没写过代码了，最近想做个工具用于日常工作，发现全忘了，还是记下来问题解决办法吧。 1、按照网上流程，安装node.js，设置环境变量和路径，最后通过cmd验证安装是否成果 2、在小程序根目录运行npm init，一路enter即可 3、运行npm install @vantweapp --s --production 4、通过

2024年02月16日
浏览(46)
微信小程序引入Vant Weapp修改样式不起作用,使用外部样式类进行覆盖

在项目中使用第三方组件修改css样式时,总是出现各种各样问题,修改的css样式不起作用,没有效果,效果不符合预期等。栗子(引入一个搜索框组件) 实现效果: 左侧有一个搜索文字背景为蓝色,接着跟一个搜索框 wxml wxss emmm...明明我们css都写了,这出现的是什么鬼审查

2024年02月02日
浏览(56)
微信小程序在使用vant组件库时构建npm报错

在跟着vant官方进行使用步骤一步步操作时，由于要构建NPM，但NPM包在App配置文件的外部所以在做下图这一步时：接着再进行npm构建时会报错解决方法：修改

2024年02月13日
浏览(57)
日常BUG——微信小程序提交代码报错

😜 作者：是江迪呀 ✒️ 本文：日常BUG 、 BUG 、问题分析 ☀️ 每日一言：存在错误说明你在进步！在使用微信小程序开发工具进行提交代码时，报出如下错误：这是远程仓库认证失败导致的。重新填写远程仓库认证信息。有两种方式：使用

2024年02月13日
浏览(37)