小程序页面配置usingComponents

最新推荐文章于 2025-07-13 17:39:15 发布
原创 最新推荐文章于 2025-07-13 17:39:15 发布 · 5.7w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客记录了小程序开发中合并他人页面时遇到的问题。在页面放置链接可跳转，但未在app.json添加注册页面路径时，跳转后页面标题无法正常显示，删除 'usingComponents': {} 会报错，添加路径后页面正常显示，博主表示不清楚原理。

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

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

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

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

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

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

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

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

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

 

 

 

 

YQY

ABCDEFG

微信小程序开发中的第三方组件与插件使用
wx_linying1029的博客
07-02 1687
在使用第三方组件时，需要在页面的json配置文件中引入组件，并通过属性的方式向组件传递数据。在使用第三方插件时，需要在页面的json配置文件中声明插件的使用权限，并通过。一、小程序如何引入第三方组件与插件 在使用第三方组件和插件之前，我们需要先在小程序的配置文件中引入它们。此时，插件"my-plugin"中的"myFunction"功能就会被调用。引入第三方组件和插件后，我们就可以在小程序的页面中使用它们了。同样地，在引入第三方插件时，我们需要在app.json中的。在组件的js文件中，我们可以通过。
小程序开发工具页面配置指南
小程序开发
05-17 651
本文旨在为小程序开发者提供全面的页面配置指南，涵盖从基础到高级的配置技术。我们将重点介绍微信小程序的页面配置体系，但这些概念同样适用于其他平台的小程序开发。本文首先介绍小程序页面配置的基础概念，然后深入讲解各种配置技术，最后提供实际案例和优化建议。背景介绍核心概念与架构页面配置详解高级配置技巧项目实战案例性能优化指南工具和资源推荐总结与展望常见问题解答WXML: 小程序标记语言，类似HTMLWXSS: 小程序样式语言，类似CSSPage配置。
（四）小程序学习笔记——自定义组件
qq_43498878的博客
04-28 2031
默认插槽：具名插槽：组件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"}。具体操作请参考官方文档。如有问题欢迎指正。
【小程序】微信小程序自定义组件Component详细总结
11-16 1万+
在根目录新建components文件夹，建立cell 文件夹，右击创建cell的Component组件cell.jscell.wxmlcell.jsoncell.wxsscell.wxml 文件
微信小程序（组件简单使用和说明）
qq_46316038的博客
01-13 998
一，组建的使用 1.新建Components文件夹 2.引用需要的文件夹里面 //引用在文件的json格式文件内 "usingComponents": { //“item”是要调用组件名称 "item":"/components/item/index" } 3.调用组件 <item></item> 二，样式 1.组建的样式默认是相互隔离的 配置样式隔离 options: { multipleSlots: true, //开启多个插槽 styleI
微信小程序页面配置详解：从入门到精通
孤客科技
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 最多只能五个,配置优先级单页
微信小程序15: 小程序组件
饭一口口吃的博客
05-07 3204
微信小程序组件是小程序的核心应用，如何进行自定义组件，组件的样式如何设定，父组件如何应用子组件，组件插槽，组件监控器如何使用
组件化设计——定义一个歌单组件
GrantF的博客
02-01 457
在小程序中提供了它组件化思路，将重构性多的模块进行组件化，可以节约我们的很多时间，也可以使用时更加方便快捷。 在目录上，右击选择新建component即新建了一个组件的部分。 1、引用 组件的引用是在.json中出现。 1、usingComponents的意思就是我们正在使用的组件。 名字是随意自己自定义的+路径即可。 2、在wxml中引用的话，就是直接引用定义的名字即可。 2、使用 在我们使...
【小程序】component使用
liuliuhelingdao的博客
10-25 1313
小程序中并没有父子组件的关系谱，组件的数据不会区分props和state，全部是统一的data，并且全部是动态的。每个 behavior 可以包含一组属性、数据、生命周期函数和方法，组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。注意，在模板中引用到的自定义组件及其对应的节点名需要在 json 文件中显式定义，否则会被当作一个无意义的节点。组件模板与组件数据结合后生成的节点树，将被插入到组件的引用位置上。
小程序组件components
齐枫的博客
07-09 3231
模板html &lt;!-- 组件模板 --&gt; &lt;view class="wrapper"&gt; &lt;slot name="before"&gt;&lt;/slot&gt; &lt;view&gt;这里是组件的内部节点&lt;/view&gt; &lt;slot name="after"&gt;&amp
【小程序】微信小程序使用自定义组件components，创建页面公共组件
bsy1111的博客
07-25 1688
app.json。
kbone 高级 - 使用小程序内置组件
qianfeng_dashuju的博客
09-08 282
1、用法 需要明确的是，如果可以使用 Web 端组件技术实现的话请尽量使用 Web 端技术（如 vue、react 组件），使用自定义组件请按需使用。这是因为自定义组件外层会被包裹上 kbone 的自定义组件，而当自定义组件的实例数量达到一定量级的话，理论上是会对性能造成一定程度的影响。 要在 kbone 中使用自定义组件，需要将所有自定义组件和其依赖放到一个固定的目录，这个目录可以自己拟定，假设这个目录为 src/custom-components： 1.1 修改 webpack 插件配置 在 m
解决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是操作名，后面的是操作。
微信小程序的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、付费专栏及课程。

余额充值