【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找

微信小程序自定义组件学习笔记 阅读详情
AI摘要

在微信小程序开发中,作者发现本地设置里没有使用npm模块的选项。问题在于usingComponents配置错误,应将路径改为/miniprogram_npm/vant-weapp/button/index。按照正确的方法设置后,即使不添加特定配置,也能避免错误。

 一、问题描述

1.bug

2.本地设置

详情 >  本地设置       里面没有  “使用npm模块”  选项        (反正我是找不到)

二、问题原因

按照官方文档和步骤操作后,文件配置如下:

 打开miniprogram_npm文件夹

 

 此时问题就很明显了

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

这样的写法是错误的

三、解决方法

正确写法

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

四、补充

我看其他博客都有这个设置

我试了之后发现可有可无,

按正确方法引入后,即使没用上图配置也不会出错                 (我是没出bug的)

【小程序】微信小程序自定义组件Component详细总结 在根目录新建components文件夹,建立cell 文件夹,右击创建cell的Component组件cell.jscell.wxmlcell.jsoncell.wxsscell.wxml 文件 阅读详情

相关推荐

微信小程序开发中的第三方组件与插件使用

在使用第三方组件时,需要在页面的json配置文件中引入组件,并通过属性的方式向组件传递数据。在使用第三方插件时,需要在页面的json配置文件中声明插件的使用权限,并通过。一、小程序如何引入第三方组件与插件 在使用第三方组件和插件之前,我们需要先在小程序的配置文件中引入它们。此时,插件"my-plugin"中的"myFunction"功能就会被调用。引入第三方组件和插件后,我们就可以在小程序的页面中使用它们了。同样地,在引入第三方插件时,我们需要在app.json中的。在组件的js文件中,我们可以通过。

wx_linying1029的博客 1883

微信小程序引入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,此时可能会出现这样的一个问题说没有找到可构建的npm的包 5,你回到miniprog.

Fanqie_KK的博客 7425

485芯片AB波形正负半周的问题探讨

      本人做的一个产品,产品的其中一个接口是RS485的,我们使用的芯片是MAX13487E。MCU是STM32F103,MCU的USART通过光耦隔离后,接到MAX13487E。因为STM32F103的VCC是3.3V的,MAX13487E的VCC是5V。      部分原理图如下,上述部分电路参考了官方的参考设计,现在测试的AB波形时候发现如下问题。1.把R10和R16改为1k,示波器C...

qq_26308521的博客 1万+

微信小程序报错[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/lib/button/index

[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]:

weixin_40832299的博客 8974

哈密顿-雅可比不等式:连接最优控制与优化算法的自然物理原理

在控制理论与优化算法之间,存在一个深刻而实用的桥梁。最优控制理论旨在通过设计控制输入,使动态系统在时间维度上达到性能最优,其核心数学工具如庞特里亚金极大值原理和哈密顿-雅可比-贝尔曼方程,为解决连续时间系统的优化问题提供了优雅框架。然而,这些方法在高维非凸问题中面临求解难题。哈密顿-雅可比不等式作为一种松弛方法,通过构造李雅普诺夫函数并验证一个不等式条件,转而寻求性能有保障且易于实现的次优解,其本质是保证系统能量衰减和性能上界。这一原理与耗散性理论紧密相连,体现了自然物理系统(如阻尼振动)中能量耗散的普遍规

weixin_30582943的博客 313

微前端实战:MicroApp内存泄漏优化策略与性能调优

本文分享了在大型后台管理系统微前端化过程中,使用MicroApp框架时遇到的内存泄漏实战问题与优化策略。通过深入分析沙箱机制,提出动态加载、精准卸载、沙箱配置优化及第三方库补丁等核心方案,并结合Vue/React子应用专项检查清单,有效解决了内存占用飙升问题,为微前端架构的性能调优提供了系统性解决方案。

weixin_29014939的博客 277

微信Native支付方式的对接过程整理记录以及微信小程序报错[ app.json 文件内容错误] app.json: @vant/weapp/field/index

本文记录了微信支付Native方式对接过程及小程序组件报错问题。微信支付V3版本对接复杂,作者在PC端采用Native支付方式时遇到商户证书序列号不匹配问题,最终通过申请正确证书解决,但因商户未年审收款受限。同时,文章还描述了微信小程序开发中因缺少vant组件导致的报错,指出需通过npm安装依赖并构建才能解决组件路径问题。整个过程反映出微信生态开发中存在较多技术门槛和流程障碍。

本博客记录了从2014年以来在工作学习中遇到的技术问题、解决方法以及部分个人人生经历、经验等内容。 2296

[“usingComponents“][“van-button“]: “@vant/weapp/dist/button/index“ 未找到(env: Windows,mp,1.06.230

["usingComponents"]["van-button"]: "@vant/weapp/dist/button/index" 未找到(env: Windows,mp,1.06.230 报错,和新手创建ts项目 引入vant

qq_46506007的博客 4008

从URDF到Gazebo:一个完整的ROS2机械臂仿真与运动控制实战指南

本文提供了一个完整的ROS2机械臂仿真与运动控制实战指南。详细讲解了从URDF建模、ROS2 Control配置到Gazebo物理仿真的全流程,重点介绍了如何利用MoveIt2快速搭建高级运动规划系统,并解决实际部署中的常见问题,帮助开发者高效、安全地进行机器人算法验证与开发。

red88的博客 573

Fiori Elements 从入门到精通开发教程的文章目录

Fiori Elements 开发技术相对 SAP 其他历史悠久,发展成熟的开发技术来说,是一个新事物。正因如此,迄今为止国内深入讲解 Fiori Elements 应用的中文材料几乎没有。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 4746

app.json: [“usingComponents“][“van-icon“]: “@vant/weapp/icon/index“ 未找到

微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法。第2步 微信开发者工具中,在菜单栏中点“工具”->“构建npm”。做完这两步,上面的问题得到解决。Vant Weapp 官方文档。

lxyoucan的博客 1511

在WIN10系统中安装TIA博途V18,重启后提示安装介质不可用,请插入DVD 或检查网络连接的解决办法

在WIN10系统中安装TIA博途V18,重启后提示安装介质不可用,请插入DVD 或检查网络连接的解决办法

Robot_PLC_HMI_Automation 1万+

[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到 坑关于Vant Weapp中组件引入未找到的解决方案

在开发微信小程序时,需要引入一些第三方UI库,这时就需要用到微信小程序的 UI,分享一些遇到的问题 Vant Weapp框架引入组件失败问题:使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到:[ pages/main-music/main-music.json 文件内容错误] pages/main-music/main-music.json: [“usingComponents”][“van-search”

SOLar7SysteM的博客 2252

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

微信开发者工具 [ app.json 文件内容错误] app.json: [“usingComponents“][“van-rate“]: “@vant/weapp/rate/index“ 未找到

微信开发者工具,报错:[ app.json 文件内容错误] app.json: ["usingComponents"]["van-rate"]: "@vant/weapp/rate/index" 未找到

qq_19716069的博客 4318

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

微信小程序出现miniprogram/app.json: [“usingComponents“][“van-button“]:““@vant/weapp/button/index”未找到

在用微信小程序开发过程中引入vant过程中,导入button组件出现错误。 按着文档各种配置都配了。如: project.config.json的配置。 构建。 包括没有npm构建按钮。 最后发现了问题,我的项目是ts项目,所以需要引入ts的配置才能使用(官网的配置)。 成功。

weixin_38441229的博客 1091

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

原生微信小程序报错:[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“

解决方法: 首先 npm i 下载项目依赖。下载完成后再在左上角工具--构建npm 生成miniprogram_npm包。直到生成miniprogram_npm包后,直接把node_modules文件夹删除 重新编译项目就可以啦~

weixin_73318685的博客 1387

Vant Weapp ActionSheet 动作面板组件完全指南:从基础用法到微信开放能力

底部弹起的模态面板是移动端交互中最常见的操作形式之一。Vant Weapp 的 ActionSheet(动作面板)组件围绕"选项列表 + 取消按钮 + 标题/描述"这一核心形态,提供了从基础渲染、状态控制到微信开放能力接入的完整能力。本文将以 [packages/action-sheet/README.md](https://link.gitcode.com/i/cae242d5126f47996

gitblog_01150的博客 440

vant-weapp Field 输入框组件完全指南:从表单接入到原生输入框适配

Field 是 vant-weapp 中基于 Cell 单元格封装的高频表单输入组件,支持单行输入、多行文本、密码、数字键盘等十余种原生输入类型,并内置清除控件、错误提示、字数统计、事件增强等能力。本文以 [packages/field/README.md](https://link.gitcode.com/i/c2025a50586c9829ead12bfb786d57f5) 为主线,结合组件源

gitblog_00358的博客 501

vant-weapp Dialog 弹出框完全指南:函数调用与组件调用、参数解析与源码级实现原理

`Dialog` 是 vant-weapp 中负责消息提示与确认的模态框组件,支持"函数调用"与"组件调用"两种使用方式,常被用于消息提示、操作确认、隐私协议确认等需要阻断用户交互的场景。本文以 [packages/dialog/README.md](https://link.gitcode.com/i/5452cb49f863b8f98f279a1d92c268dc) 为主线,结合 `packa

gitblog_00189的博客 298

微信小程序毕业设计实战:特色旅游系统开发全流程指南

微信小程序作为一种轻量级应用开发框架,通过整合前端界面与后端服务,为开发者提供了快速构建跨平台应用的能力。其技术原理基于微信生态的原生渲染引擎,结合云开发模式,实现了高效的资源调度和数据管理。在工程实践中,微信小程序特别适合开发旅游类应用,能够充分利用地理位置、相机、支付等原生API,提升用户体验。特色旅游系统作为典型应用场景,通过个性化推荐算法和社区互动功能,解决了传统旅游平台同质化严重的问题。本文以Node.js+MySQL技术栈为例,深入解析微信小程序开发中的数据库设计、RESTful API规范等关

weixin_34267123的博客 307

SpringBoot+Vue微信小程序家校通系统开发实践

现代Web开发中,前后端分离架构已成为主流技术方案,其中SpringBoot作为Java生态的微服务框架,以其自动配置和快速开发特性广受欢迎。结合Vue.js的响应式前端开发,可以构建高性能的Web应用。在移动端场景下,微信小程序凭借其免安装、高触达的特点,成为连接用户的重要入口。本文以家校沟通管理系统为例,详细解析如何通过SpringBoot+Vue技术栈实现小程序应用开发,涵盖WebSocket即时通讯、OCR识别等关键技术点,并分享多级缓存、包体积优化等工程实践。该系统采用RESTful API设计,

weixin_34375251的博客 485

微信小程序-慕尚花坊项目

文章摘要 本文全面介绍了微信小程序开发中的核心技术和实用技巧,主要包括以下内容: 自定义组件开发:详细讲解组件创建、注册、properties属性、内部data和方法的使用,包括父子组件通信和事件触发机制。 Flex布局:重点解析flex-direction:row-reverse的用法和实际应用场景,如按钮图标位置反转等。 组件样式修改:提供三种修改Vant组件样式的方法(解除隔离、外部样式类、CSS变量)及各自适用场景。 分包加载:介绍基础分包配置、独立分包、预下载规则及常见问题解决方案。 小程序开放能

2501_93485775的博客 221

微信小程序构建npm报错排查:从原理到解决的完整指南

在现代前端工程化流程中,npm 作为依赖管理工具已成为标准配置,但将 npm 生态中的组件库引入微信小程序时,往往绕不开“构建 npm”这一步。这一机制本质上是对 node_modules 中的包进行二次转译,使其适配小程序运行环境,生成可用的 miniprogram_npm 产物。理解这一原理,是快速定位各类报错的前提。在实际开发中,无论是环境层面的 Node.js 配置、PowerShell 脚本限制、镜像源问题,还是开发者工具目录识别、组件路径解析错误,都会导致构建失败或产物缺失。本文系统梳理了微信小

weixin_32456485的博客 319

从零构建经验学习项目:以微信小程序开发为例的系统实践指南

在项目驱动的学习模式中,学生常面临从构思到展示的系统性挑战。本文以“以学生为中心的经验学习”为核心理念,结合微信小程序开发这一具体技术载体,深入拆解项目构建的全流程。通过引入云开发、数据库设计等关键技术概念,阐述了如何将抽象需求转化为可落地的技术方案。文章重点探讨了从需求分析、原型设计到编码实现、测试部署的工程实践路径,并融入了版本控制、代码规范等软件工程最佳实践。最终,通过一个完整的“校园生活助手”项目示例,展示了如何将理论学习、技术实践与深度反思相结合,产出具备专业水准和展示价值的综合性作品,为计算机及

weixin_33749131的博客 5491
上一篇: 【Vue2注册登录界面】Vue2+elementUI编写一个登录页面,路由式开发,后台管理系统登录界面
下一篇: Vue2如何引入高德地图/Vue2如何封装一个有高德地图的组件/Vue2如何将高德地图渲染到页面中/Vue2如何引入高德地图3D显示
Nobody.sir
博客等级 码龄4年 100粉丝 26原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Nobody.sir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值