在路径“wxcomponents/vant weapp/dist/****/index”中找不到组件

原创 已于 2022-11-20 21:25:23 修改 · 4.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序 #前端

于 2022-11-20 11:42:27 首次发布
本文介绍了解决uni-app开发微信小程序时遇到的vant组件找不到的问题。通过调整微信开发者工具中的project.config.json文件的minified配置项为true，可以解决组件引入失败的情况。

WASubContext.js?t=wechat&s=1668912774528&v=2.27.1:1 Component is not found in path “wxcomponents/vant-weapp/dist/field/index” (using by “pages/Login/Login”)(env: Windows,mp,1.06.2210310; lib: 2.27.1)

使用uniapp开发微信小程序的时候，会用到vant组件，在进行微信开发者工具中运行的时候会报上面的错误，组件引入失败，这时检查发现引入的路径是对的，并且编译的时候也没报错，可是微信开发者工具控制台却报错了

我的解决方案就是在微信开发者工具中的project.config.json文件中修改minified为true


在这里插入图片描述

在HBulider X中修改修改下面的配置，即可

在这里插入图片描述

总结：minified对上传代码是否自动压缩，所有为猜测造成组件为找到的原因是代码为压缩完成，如果大家有更好的解决方案，可以在评论去告诉我，谢谢大家

【微信小程序】使用vant引入toast組件找不到toast.js文件和未找到 van-dialog 节点的解决办法--学习微信小程序之路04
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
01-03 1695
解決流程 1.问题引入代码 import Toast from '/miniprogram_npm/@vant/weapp/toast/toast'; 改为： import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast'; 2.使用时，如果爆出toast节点找不到。解决办法 view视图: <van-toast id="van-toast" /> json文件 { "usingComponents": { "
uni-app 编译成微信小程序后，提示错误：Component is not found in path “components/xxx/xxx...”
weixin_43795761的博客
02-19 2799
1.找到微信小程序中的详情=>本地设置=>取消选中“将js编译成ES5”2.关掉微信开发者工具（重要），再重新打开，错误解决。
小程序报错Component is not found in path “wxcomponents/vant-weapp/button/index“ (using by “pages/....)
wakaka112233的博客
08-25 5513
本文针对的是vant Weapp UI的引用报错 1. 在uni-app框架开发小程序，引入了vant Weapp UI总是莫名报错： （1）VM22:1 MiniProgramError Cannot read property 'name' of undefined TypeError: Cannot read property 'name' of undefined (2) VM22:1 SystemError (jsEnginScriptError) Component is not foun
微信小程序使用Vant组件，出现 Component is not found in path 错误
竹映平昔
10-21 1万+
错误截屏 解决办法 进入到vant-weapp目录下，将里面的组件全部删除 然后打开 vant的官方git仓库 ：https://github.com/youzan/vant-weapp 将其全部下载下来，再将里面的dis目录代码放入vant-weapp中即可将问题解决！ 成功解决 ...
关于Vant Weapp中组件引入未找到的解决方案
热门推荐
佐斌的笔记簿
07-06 2万+
在开发微信小程序时，需要引入一些第三方UI库，这时就需要用到微信小程序的 UI，分享一些遇到的问题 Vant Weapp框架引入组件失败问题: 使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到： 当出现: vm192:2 miniproject/app.json: ["usingcomponents"]["van-button"]: "@vant/weapp/button/index" 未找到 解决方案
微信小程序打开项目报错: @vant/weapp/nav-bar/index/index 路径下未找到组件, package.json 对应的 node_modules 不存在
yuiezt的专栏
07-08 1570
出现上述原因是，组件库没有正确安装或者安装位置不正确。
小程序路径下未找到组件
l123358的博客
04-01 1522
然后打开微信开发者工具，点击左上角工具，在工具里面找到构建npm。以管理员身份打开终端，在该项目目录执行命令。组件库没有正确安装或者安装位置不正确。
[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "/wxcomponents/dist/button/index"，在 D:/A-work/南京农业大学/BreedingMonitorApp/unpackage/dist/dev/mp-weixin/wxcomponents/dist/button/index 路径下未找到组件
最新发布
09-17
但是，用户路径中包含了`dist`目录，而Vant组件的源代码在`node_modules/@vant/weapp/dist`下（注意：这里是`dist`目录，不是`button`组件的直接目录）。因此，正确的路径可能是： ```json "usingComponents": { ...
uniapp中使用vant weapp组件静态引入
06-21
###总结在UniApp中静态引入VantWeapp组件，主要步骤是下载组件到`wxcomponents`目录，然后在`pages.json`中配置组件路径，最后在页面中使用。同时，注意多端兼容性问题，使用条件编译来避免在非微信小程序平台出现...
vant-weapp 引入组件内容有index.vue想要获取其他组件引入项目中在什么地方找到对应的版本
06-22
2.在page.json的globalStyle.usingComponents中添加组件的映射，使用路径`/wxcomponents/vant/组件名/index`（前提是已经将dist复制到了wxcomponents/vant）。3.如果还没有复制，先复制（或者使用miniprogram_npm...
那么在uniapp中使用vant weapp，怎么下载配置
04-23
3. 解压后将`vant-weapp/dist`目录复制到UniApp项目的`wxcomponents/vant-weapp`路径下（需手动创建目录） ```bash # 项目结构示例 ├── src │ ├── wxcomponents # UniApp专用目录 │ │ └── vant-weapp #...
按上述步骤操作，有以下错误 wxcomponents/app.json: 根据 project.config.json 中 miniprogramRoot 指定的小程序目录 wxcomponents/，app.json 未找到
04-23
用户现在的问题是这些配置导致app.json找不到，可能是因为路径设置错误或项目结构问题。 首先，我需要确认正确的项目结构和配置步骤。UniApp的小程序部分依赖于微信小程序的配置，因此project.config.json中的...
uni-app引用了vant组件，报错：Error: ENOENT: no such file or directory
weixin_43756654的博客
03-26 1928
uni-app，vant
使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：
fghfghhgjgj的博客
01-14 1万+
这个问题困扰了我很久。 “未找到”，其实就是路径不对。 总结一下使用vant weapp的步骤。 第一步：在node中文网，下载并安装Node。 将node加入环境变量。 第二步：检查node是否安装成功。 win+R，cmd，输入命令：node -v，或者npm -v，只要显示版本号就可以了。 第三步：新建一个小程序。名字不要用中文的。 在小程序根目录，打开命令行窗口。 输入命令： npm init -y //-y的意思是，一直按 yes ,就是enter键。 npm i @vant/weapp -S
微信小程序报错“Component is not found in path”的解决方法
unxeer的博客
04-19 8361
微信小程序报错 Component is not found in path 的解决办法
正确使用微信小程序组件库，解决报错Component is not found in path
前端必备小窝
11-03 5739
在小程序项目根目录打开命令行，输入
微信小程序引用vant组件报错路径找不到。
dorlolo的博客
02-21 3045
在vant组件通过npm安装好后，引用组件发生问题，如图所示： 经过反复测试，有以下两种情况： 第一种：用测试号创建的项目，亲测不会有问题。 第二种：用appid创建的项目，因为多了云函数功能，目录结构变了。你会发现，你的本地文件都被存在miniprogram目录中。但安装vant的时候，组件文件夹miniprogram_npm和跑到了外面去。 这时候只要把 miniprogram_npm这个目录移动到miniprogram目录里面就行。 目录结构如图： ...
uniapp微信小程序报错Component is not found in path
CHENC0518的博客
08-26 6892
2.引入的组件只允许有一层目录，即组件必须在components下面的文件夹下面，不允许出现下面的文件夹下面的文件夹。错误：components/组件文件夹/组件文件夹/组件.vue。1.如果网上的原因你已经排除了，请看看是否有下面这个原因。正确：components/组件文件夹/组件.vue。3.不清楚原因，这样改就不会报错，人嘛了。
踩坑 uniapp微信小程序解决 /wxcomponents/dist/xxxx/index 路径下没有找到对应的json文件
ChuChen_HaoLi的博客
10-09 996
然后就出现先了编译的时候把vant所有的组件都给提示了一遍 每修改一点东西就一直提示像是写了一个死循环一样 虽然不影响代码 但是很影响开发使用体验。昨天是10月8号 开工第一天 打开uniapp 发现右下角有版本更新 更新到了最新版。一顿翻查优快云也没有解决 我一度以为是代码出了问题 但是之前还好好的。回到上一个版本的HbuilderX 重新编译就没有这个问题了。于是我想到可能是更新了HBuilderX的问题。点击顶部工具栏 帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值