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

已于 2022-11-20 21:25:23 修改
阅读量3.6k 收藏
点赞数
文章标签： 微信小程序 小程序 前端
于 2022-11-20 11:42:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65565362/article/details/127946980
版权

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对上传代码是否自动压缩，所有为猜测造成组件为找到的原因是代码为压缩完成，如果大家有更好的解决方案，可以在评论去告诉我，谢谢大家

蝉夏不馋夏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
10-16
主要介绍了在mpvue框架中使用Vant WeappUI组件库的注意事项,本文给大家提到了引入组件库的两种方法，需要的朋友可以参考下
uni-app 编译成微信小程序后，提示错误：Component is not found in path “components/xxx/xxx...”
weixin_43795761的博客
02-19 839
1.找到微信小程序中的详情=>本地设置=>取消选中“将js编译成ES5”2.关掉微信开发者工具（重要），再重新打开，错误解决。
小程序报错Component is not found in path “wxcomponents/vant-weapp/button/index“ (using by “pages/....)
wakaka112233的博客
08-25 4702
本文针对的是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
小程序路径下未找到组件
l123358的博客
04-01 307
然后打开微信开发者工具，点击左上角工具，在工具里面找到构建npm。以管理员身份打开终端，在该项目目录执行命令。组件库没有正确安装或者安装位置不正确。
微信小程序使用Vant组件，出现 Component is not found in path 错误
热门推荐
竹映平昔
10-21 1万+
错误截屏 解决办法 进入到vant-weapp目录下，将里面的组件全部删除 然后打开 vant的官方git仓库 ：https://github.com/youzan/vant-weapp 将其全部下载下来，再将里面的dis目录代码放入vant-weapp中即可将问题解决！ 成功解决 ...
使用uniapp开发微信小程序时自定义tabBar警告Component is not found in path “custom-tab-bar/index“
vayne_1的博客
02-15 806
使用uniapp开发微信小程序时自定义tabBar警告Component is not found in path "custom-tab-bar/index"
uniapp unpackage里面没有componets组件uniapp运行到微信开发者工具,缺少components文件夹
黎小小的博客
05-26 826
项目用js创建的，创建的componts组件里面使用了ts语法，就不行，去掉lang="ts"即可，组件引入只能使用大写BjsSearch不能使用bjs-search的方式，而且组件中的所有样式，属性穿透都不能实现，嗐，找了半天。
Mpvue中使用Vant Weapp组件库的方法步骤
01-03
mpvue-vant记录了我们团队开发中在mpvue中使用Vant Weapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。 此教程是在dov-yih一同协助下完成。经过测试，Vant ...
wxcomponents/
06-09
wxcomponents/
微信小程序介绍
2202_75871191的博客
05-16 343
本文介绍了微信小程序开发的基础知识，包括小程序概述、开发环境搭建、编程基础、组件与API、云开发等。微信小程序云开发是一种基于云平台的服务，可以为小程序提供数据库、存储、计算等服务。在云环境中，可以创建数据库、存储文件、调用云函数等。小程序提供了丰富的API，如网络请求、位置、摄像头、支付等，可用于实现各种业务功能。小程序提供了丰富的组件，如按钮、文本、图片、视频等，可用于快速搭建页面结构。在微信开发者工具中，点击“新建项目”按钮，输入项目名称、选择项目存放路径，即可创建一个新的小程序项目。
实现腾讯地图的接口调用以及微信小程序的地图标注
weixin_48053866的博客
05-15 559
通过以上步骤，可以实现微信小程序端的腾讯地图标注和Java后端的业务逻辑。微信小程序端负责展示地图和标注，Java后端负责提供标注所需的经纬度信息。在实际开发中，需要根据具体需求调整地图的展示和标注逻辑，并确保后端接口的安全和稳定。
微信小程序：获取经纬度
qq_41985405的博客
05-18 207
会报错：getLocation:fail require permission desc。
【全开源】优校管理系统（支持微信小程序+H5+app）
2401_84413757的博客
05-18 543
该系统涵盖了学籍管理、课程管理、考试管理、成绩管理等多个核心功能，为学校提供了一站式的解决方案。通过引入先进的信息化手段，优校管理系统源码实现了教育资源的优化配置，提高了教育管理的效率和质量。在这个背景下，我们推出了“优校管理系统源码”，旨在为学校打造一套高效、便捷、智能的管理系统，引领智慧校园新风尚。优校管理系统源码的推出，为学校管理带来了全新的变革。我们相信，在不久的将来，优校管理系统源码将成为智慧校园建设的重要组成部分，为教育事业的发展贡献更多力量。
【全开源】班级管家微信小程序（FastAdmin+ThinkPHP）
2401_84413757的博客
05-21 392
同时，小程序还支持在线签名功能，确保通知的权威性。班级管家微信小程序，作为一款专注于家校沟通、作业管理、成绩发布等方面的工具，凭借其丰富的特色功能和显著的优势，已经成为广大教师、家长和学生日常学习生活中不可或缺的一部分。教师可以通过设置不同维度的评估，进行量化、记录、统计，进而分析学生的学习情况和身心情况。同时，小程序还提供了丰富的模板和素材库，方便教师快速创建个性化的班级主页。综上所述，班级管家微信小程序凭借其丰富的特色功能和显著的优势，已经成为家校沟通、作业管理、成绩发布等方面的得力助手。
微信小程序使用过程注意事项
weixin_45871977的博客
05-14 839
微信小程序使用注意事项
8.微信小程序之自定义组件
最新发布
weixin_41993336的博客
05-21 815
在组件的 .js 中，需要调用Component方法创建自定义组件，Componentdata数据：组件的内部数据methods方法：在组件中事件处理程序需要写到methods中才可以/*** 组件的初始数据：用来定义当前组件内部所需要使用的数据*/data: {},/*** 组件的方法列表：在组件中，所有的事件处理程序都需要写到 methods 方法中*/methods: {// 更新复选框的状态isChecked:!})})
医院预约挂号系统微信小程序APP
清兮科技官方博客
05-10 321
预约挂号（包含各个科室的预约，可以预约每个各个医生），就诊引导包含预约挂号的具体信息，包含就诊时间、就诊科室、就诊医生以及就诊人信息、和支付状态等，可以查询医院医生信息包含基本信息，科室和职称等，可以进行线下取号和历史就诊记录查询等功能。同时，就诊引导功能可以让大家更好地了解就诊流程，避免了因为不熟悉就诊流程而造成的不必要的麻烦。除此之外，这个小程序还有一个后端管理系统，可以进行用户管理、排班管理、医生管理、科室管理、职位管理、医院信息等操作，方便医院的管理和服务。
【全开源】商会招商项目系统支持微信小程序+微信公众号+H5
u011092458的博客
05-17 304
一款基于FastAdmin+ThinkPHP+Uniapp开发的商会招商项目系统，是一个集PC和移动端功能于一体的解决方案，线上线下进行服务，围绕 活动报名、在线课程、项目大厅、线下签到、会员系统等。为商会提供了更加便捷高效的管理方式，提升了商会活动和项目的组织、推广和运营能力。提高招商效率：商会招商项目系统通过集中管理招商信息、简化招商流程、减少人工操作和重复工作，使招商人员能够更快速、高效地发布招商信息、筛选商家，从而显著提高招商效率。
微信小程序的Vant Weapp组件库 与 weui组件库 的区别？
2301_76669854的博客
05-15 313
微信小程序的Vant Weapp组件库 与 weui组件库在功能和用途上相似，但在来源、设计理念和组件构成上存在差异。在使用时，应根据项目的具体需求和个人的偏好进行选择。 两者在安装和配置上都需要一定的步骤，包括通过npm安装、构建npm、修改配置文件等。但具体的操作过程可能因版本和项目的不同而有所差异。因此，建议在使用前仔细阅读各自的官方文档或教程，以确保正确安装和配置。
官方的 typescript 版微信小程序 无法引入@vant/weapp的组件
06-12
如果你在官方的 TypeScript 版本微信小程序中无法引入 `@vant/weapp` 的组件，可能是因为 TypeScript 编译器无法识别组件库中的类型定义。 为了解决这个问题，你可以在项目的 `tsconfig.json` 文件中添加如下配置： ``` { "compilerOptions": { "types": ["@vant/weapp"] } } ``` 这个配置会告诉 TypeScript 编译器，使用了 `@vant/weapp` 这个库中的类型定义。这样，编译器就能够正确地识别组件库中的类型了。 另外，还需要注意的是，在引入组件的时候，需要使用 `wx` 对象的 `Component` 方法来注册组件，而不是直接使用 `export default` 来导出组件。例如： ```typescript import { VantComponent } from '@vant/weapp'; VantComponent({ // 组件的选项 }); ``` 这样，你就可以在官方的 TypeScript 版本微信小程序中正常使用 `@vant/weapp` 的组件了。需要注意的是，如果你使用的是 `miniprogram-webpack-loader` 进行构建，还需要在 `webpack.config.js` 中的 `resolve.alias` 中添加如下配置： ```javascript resolve: { alias: { '@vant/weapp/lib': '@vant/weapp/dist/common/index.js', }, }, ``` 这个配置可以解决 `@vant/weapp` 中的一些路径问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值