小程序页面配置usingComponents

最新推荐文章于 2025-07-13 17:39:15 发布
最新推荐文章于 2025-07-13 17:39:15 发布
阅读量5.7w 收藏 7
点赞数 4
CC 4.0 BY-SA版权
分类专栏： XCX web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40930175/article/details/90288969
博客记录了小程序开发中合并他人页面时遇到的问题。在页面放置链接可跳转，但未在app.json添加注册页面路径时，跳转后页面标题无法正常显示，删除 'usingComponents': {} 会报错，添加路径后页面正常显示，博主表示不清楚原理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这个可以引入自定义组件，官方有教程。

现在遇到的问题是：我合并他人写的小程序页面的时候出现了一点问题

1、我在我的页面中放置另一个页面的链接，

2、我放置链接之后点击了锚点，可以实现跳转。此时我没有在app.json中添加注册页面的路径。

3、跳转后发现该页面的标题没有正常显示。如下图

4、我删除了 "usingComponents": {}    此时出现了错误。提示这个注册页面找不到：

5、我在app.json中添加了该路径。然后就正常显示了。

现在只记录了问题，我是真的不知道原理啊。再补充吧。。。

 

 

 

 

YQY

ABCDEFG

小程序开发工具页面配置指南
小程序开发
05-17 651
本文旨在为小程序开发者提供全面的页面配置指南，涵盖从基础到高级的配置技术。我们将重点介绍微信小程序的页面配置体系，但这些概念同样适用于其他平台的小程序开发。本文首先介绍小程序页面配置的基础概念，然后深入讲解各种配置技术，最后提供实际案例和优化建议。背景介绍核心概念与架构页面配置详解高级配置技巧项目实战案例性能优化指南工具和资源推荐总结与展望常见问题解答WXML: 小程序标记语言，类似HTMLWXSS: 小程序样式语言，类似CSSPage配置。
微信小程序开发中的第三方组件与插件使用
wx_linying1029的博客
07-02 1687
在使用第三方组件时，需要在页面的json配置文件中引入组件，并通过属性的方式向组件传递数据。在使用第三方插件时，需要在页面的json配置文件中声明插件的使用权限，并通过。一、小程序如何引入第三方组件与插件 在使用第三方组件和插件之前，我们需要先在小程序的配置文件中引入它们。此时，插件"my-plugin"中的"myFunction"功能就会被调用。引入第三方组件和插件后，我们就可以在小程序的页面中使用它们了。同样地，在引入第三方插件时，我们需要在app.json中的。在组件的js文件中，我们可以通过。
（四）小程序学习笔记——自定义组件
qq_43498878的博客
04-28 2030
默认插槽：具名插槽：组件A组件B具名插槽options: {},})在自定义的wxss文件中，不允许使用标签选择器、ID 选择器、属性选择器。请使用class类选择器。子选择器（.a>.b）只能用于view 和子组件，用于其他组件（标签）可能会导致样式失效。继承样式，例如：color、font 等都会从组件外继承。（除继承样式外）全局样式、组件所在页面的样式文件中的样式都对自定义组件 无效。
小程序通过页面json文件中的usingComponents引入组件的方式实现自定义tabbar，会闪烁，影响小.zip
07-27
自定义tabbar，通过页面json文件中的usingComponents引入组件的方式实现，tab页面第一次加载时会出现闪烁现象，但相对于全局json中设置custom为true方式有所改善。
在新版本的微信开发者工具中使用npm包
最新发布
qq_60619678的博客
07-13 334
微信开发者工具新版取消npm模块按钮后，使用构建npm需手动配置。以VantWeapp为例，在JSON文件中添加组件路径："usingComponents":{"vant-button":"/miniprogram_npm/@vant/weapp/button/index"}。具体操作请参考官方文档。如有问题欢迎指正。
kbone 高级 - 使用小程序内置组件
qianfeng_dashuju的博客
09-08 282
1、用法 需要明确的是，如果可以使用 Web 端组件技术实现的话请尽量使用 Web 端技术（如 vue、react 组件），使用自定义组件请按需使用。这是因为自定义组件外层会被包裹上 kbone 的自定义组件，而当自定义组件的实例数量达到一定量级的话，理论上是会对性能造成一定程度的影响。 要在 kbone 中使用自定义组件，需要将所有自定义组件和其依赖放到一个固定的目录，这个目录可以自己拟定，假设这个目录为 src/custom-components： 1.1 修改 webpack 插件配置 在 m
【小程序】component使用
liuliuhelingdao的博客
10-25 1313
小程序中并没有父子组件的关系谱，组件的数据不会区分props和state，全部是统一的data，并且全部是动态的。每个 behavior 可以包含一组属性、数据、生命周期函数和方法，组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。注意，在模板中引用到的自定义组件及其对应的节点名需要在 json 文件中显式定义，否则会被当作一个无意义的节点。组件模板与组件数据结合后生成的节点树，将被插入到组件的引用位置上。
小程序组件components
齐枫的博客
07-09 3231
模板html <!-- 组件模板 --> <view class="wrapper"> <slot name="before"></slot> <view>这里是组件的内部节点</view> <slot name="after">&amp
【小程序】微信小程序使用自定义组件components，创建页面公共组件
bsy1111的博客
07-25 1687
app.json。
微信小程序页面配置详解：从入门到精通
孤客科技
11-25 1539
在微信小程序中，每个页面都是一个独立的模块，包含WXML（结构）、WXSS（样式）、JS（逻辑）和JSON（配置）文件。页面的配置主要通过app.json文件进行管理。通过本文的详细讲解，您应该对微信小程序的页面配置有了全面的了解。从创建页面、页面跳转、传递参数，到组件化开发和生命周期管理，您现在具备了开发小程序页面的基础知识。希望这篇教程能够帮助您在小程序开发中更进一步。如果您有任何问题或建议，欢迎在评论区留言交流！让我们一起探索小程序的无限可能！
微信小程序全局配置和页面配置
weixin_43128574的博客
11-10 2187
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。
微信小程序配置-------页面配置, 详细配置 全局配置 局部配置
D2073307388的博客
10-22 4126
微信小程序中我们创建页面时会自动创建四个文件分别为js文件,wxml文件 wxss文件最后还有我们今天的主角json配置文件 小程序的json配置分为两种,一种是直接在创建的路由文件夹内单独的json配置文件来进行单独的页面配置 当然有第二种,小程序也是非常的贴心,为我们全局的页面配置也开发出来了一个app.json文件,让我们为全局的页面进行配置,来决定页面文件的路径,窗口表现,设置网络超时时间,设置tabbar,界面表现等 tips:配置文件中不能出现注释, tabbar 最多只能五个,配置优先级单页
解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到
热门推荐
weixin_45752941的博客
02-04 2万+
[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["van-search"]: "@vant/weapp/search/index" 未找到。
2024年最全寒假学习第11天--中间件漏洞--vulhub--thinkphp全系列，2024年最新vue总结来了
2401_84545016的博客
05-05 1166
当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。网安所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。注意上面的第一个index是模块，第二个index是方法，name是操作名，后面的是操作。
微信小程序- component 自定义组件及引用
耶斯莫鱼拉的博客
08-11 3766
Component自定义组件创建及引用
【小程序】微信小程序自定义组件Component详细总结
11-16 1万+
在根目录新建components文件夹，建立cell 文件夹，右击创建cell的Component组件cell.jscell.wxmlcell.jsoncell.wxsscell.wxml 文件
小程序组件化之Component/template
专注于移动开发，天道酬勤
06-06 4198
做过移动开发的同学都知道，现在都讲究组件化，别急，小程序里也有组件这个概念，有两种实现方式，一种是模板（template），一种是自定义组件component。 一般自定义组件就是右键点击新建component，小程序ide会自动生成四个文件，分别是 1.xx.json 该文件主要是配置文件，可以添加自己引用到的其他组件，只需要早usingComponents属性后面添加就行，注意引用时...
微信小程序无法找到组件的问题 [“usingComponents“][“component1“]:“xxx“未找到
soldier_d的博客
07-08 1万+
一般是因为组件的路径不对导致的，引用组件的时候，要从根目录开始。
微信小程序的usingComponents使用less
11-04
微信小程序的`usingComponents`是用于引入外部组件的功能，它允许你在页面中引用其他模块化的文件，包括LESS样式文件。如果你想要在微信小程序中使用LESS样式，你需要做以下几步： 1. 安装LESS支持：微信小程序本身并不直接支持LESS，但是可以通过一些插件或工具间接使用。例如，可以借助WeexLess等第三方库来转换LESS到CSS。 2. 编写LESS样式：在你的项目里创建一个LESS文件，编写你的样式规则。例如，假设你有一个名为`common.less`的文件： ``` .my-component { color: blue; background-color: white; } ``` 3. 转换LESS：使用LESS编译器将LESS文件转换成CSS。可以手动运行命令行工具，也可以通过自动化脚本集成到构建流程中。 4. 引入到小程序：在需要使用LESS样式的WXML文件中，使用`import`标签引入已经编译好的CSS文件，而不是原始的LESS文件。例如： ```html <view using-components="common.wxss"></view> ``` 其中`common.wxss`是你编译后的CSS文件名。 5. 在`app.json`配置文件中注册组件：为了让微信小程序能够识别和解析这个组件，你需要在`app.json`的`component`部分添加你的自定义组件信息。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值