微信小程序引入Vant报Component is not found问题

9月前作者：Soo321 分类：Toy博客阅读(42) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序引入Vant报Component is not found问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

好多年没写过代码了，最近想做个工具用于日常工作，发现全忘了，还是记下来问题解决办法吧。
1、按照网上流程，安装node.js，设置环境变量和路径，最后通过cmd验证安装是否成果
2、在小程序根目录运行npm init，一路enter即可
3、运行npm install @vant\weapp --s --production
4、通过开发工具顶部工具栏构建npm
5、最重要的一点，将第4步生成的miniprogram_npm里面的@vant目录全部拷贝到项目目录下的components里面
如图微信小程序引入Vant报Component is not found问题,小程序,小程序
6、在app.json里面引入路径即可，此路径必须是components里面的组件，写法如下:
7、如果上述不成功，就把在尝试此办法之前的miniprogram_npm、node_modules、package.json文件全部删除，按上述步骤进行即可。
8、最后，没有解决不了的问题，多搜多试多记录多分享文章来源地址https://www.toymoban.com/news/detail-574268.html

到了这里，关于微信小程序引入Vant报Component is not found问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml

按照如下截图进行操作

2024年02月05日
浏览(53)
微信小程序：module “miniprogram_npm/@vant/weapp/action-sheet/index.js“ is not defined报错

也可以试一下重新启动小程序，没准就好了。

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

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

2024年02月16日
浏览(83)
Component is not found in path “components/xxx/xxx“ (using by “pages/xxx/xxx“) 问题记录

相信做过小程序的都遇到过Component is not found in path “components/xxx/xxx“ (using by “pages/xxx/xxx“) 这个问题，一般情况的是引用路径有问题，检查代码路径改对就好了，又或者是分包影响的先说一下我得使用场景，不一定适用于所有人，只是记录一下我遇到的 1.小程序是分包的

2024年02月02日
浏览(51)
微信小程序引入vant-weapp后出现[‘vant-XXX‘]:‘@vant/weapp/xxx‘未找到，错误解决

出现“[‘vant-XXX’]:\\\'@vant/weapp/xxx’未找到”的错误提示 1、找到小程序所在的目录，用管理员模式下打开cmd 2、运行npm init，一路回车，用默认的即可 3、运行npm i @vant/weapp -S --production 如果用的是淘宝镜像的，使用cnpm i @vant/weapp -S --production 4、将 app.json 中的 “style”: “v2” 去

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

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

2024年02月02日
浏览(51)
解决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) 按照vant说明文档配了很多遍，微信小程序也更新到最新版本，project.package.json如下配置依旧报错。网上各

2024年02月11日
浏览(59)
Unity报错之Android SDK Build-tools component is not found.

错误：Android SDK Build-tools component is not found. Make sure all tools are installed in the SDK manager. Latest supported build-tools version is 30.0.2 因为没有添加组件，在Unity Hub中添加

2024年02月11日
浏览(58)
微信小程序引入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日
浏览(54)
微信小程序使用vant组件所出现的一些问题

我在第一次使用vant小程序组件时，出现了不少问题首先，我是跟随官方文档一步一步来做的，但当我构建npm时发生了一些报错 1.发生错误 Error: C:Users86198WeChatProjectsminiprogram-1package.json 未找到 2.发生错误 Error: C:Users86198WeChatProjectsminiprogram-1package.json 对应的 node_modules 不

2024年01月23日
浏览(51)