解决微信小程序自定义组件报错找不到路径的问题:[ pages/home/home.json 文件内容错误] pages/home/home.json: [“usingComponents

已于 2022-03-19 11:22:20 修改
阅读量9.4k 收藏
点赞数
文章标签： 微信小程序 小程序
于 2022-03-16 12:23:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/syq1791899128/article/details/123523267
版权

在这里插入图片描述结果
在这里插入图片描述
总结：首先自定义组件命名格式以vtabs-xxx命名，然后引用格式：

singComponents": {
    "vtabs-01":"../../components/vtabs/vtabs-01"

还有看一下app.json里面有没有引入过，在app.json里面引入过就已经是全局的了。再引入局部就会报错。
说明：估计是版本问题

浮川@
关注
微信小程序：开发入门之配置文件（app.json）（二）
01-03
继《微信小程序：开发入门之配置文件（app.json）（一）》讲了配置文件（app.json）中的pages和windows配置，今天来为大家接着整理一下abBar、networkTimeout、debug配置 tabBar配置 当程序顶部或底部需要菜单栏时，我们可以通过配置tabBar快速实现，tabBar是个非必填项目。可配置属性如下： color：tab上的文字默认颜色，值为HexColor（十六进制颜色值），必填项。 selectedColor：tab上的文字选中时的颜色，值为HexColor（十六进制颜色值），必填项。 backgroundColor：tab的背景色，值为HexCol
微信小程序 调用组件 找不到组件 的一个原因
u012329294的专栏
05-29 5974
注意：在调试基础库上选择最新的版本。
微信小程序开发中遇到的路径问题
weixin_44976692的博客
08-30 2万+
以上就是解决微信小程序开发中文件查找失败问题的详细步骤和建议。通过正确的路径配置、日志查看和调试方法，开发者可以快速定位并解决类似问题，提高开发效率和项目质量。希望本文能帮助到遇到类似问题的开发者，更多技术分享请关注我的博客或者社交平台。如有任何问题或建议，请随时与我联系。
微信小程序——找不到组件路径
minuscu的博客
12-13 5491
微信小程序——找不到组件路径（Component is not found in path…）问题描述解决历程 问题描述 新建了一个小程序项目，导入一个github上的tabbar组件，结果发现报错—— VM2444:1 jsEnginScriptError Component is not found in path "tabbarComponent/tabbar" (using by "pag...
微信小程序自定义组件引用显示找不到对应组件
m0_73530657的博客
05-31 2651
[ miniprogram/pages/cart/cart.json 文件内容错误] miniprogram/pages/cart/cart.json: ["usingComponents"]["test"]: "../../components/test" 未找到(env: Windows,mp,1.06.2303220; lib: 2.14.1)
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents“][“u-nav
zl871318846的博客
03-25 2万+
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到 这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式 // pages.json { "easycom": { // 下载安装的方式需要前面的"@/"
小程序的自定义组件无法显示
weixin_43961780的博客
02-26 521
小程序的自定义组件无法显示
微信小程序-自定义组件
追梦的女孩博客
11-30 389
介绍 前提:所有自定义组件相关特性都需要基础库版本 1.6.3 或更高. 好处：开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。 创建自定义组件 自定义组件由 json wxml wxss js 4个文件组成。 步骤： 1.son 文件中进行自定义组件声明。 { "component": true } 2.在 wxml 文件中编写组件模板。 <!-- 这是自定义组件的内部WX
uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到
热门推荐
lingliu0824的博客
03-24 2万+
在这里插入图片描述
微信小程序开发:新建文件报错Error:pages/xxx/xxx.json Expecting ’STRING’,’NUMBER’,’NULL’,’TRUE’,’FALSE’ got EOF 1|
软贱开发攻城狮
03-30 1万+
在微信小程序开发的初期，对于初级开发者来说会遇到各种各样的坑，有些坑可以在网上随便搜索一下就能找到，有些坑可能想搜都搜不到，因为要么是非常简单的问题，没人写；要么就是已经有解决方法了，但是查找的姿势不对，造成问题依然解决不了。 本篇博文就来分享一个简单的错误解决方法，那就是在微信小程序新建文件的时候，如果新建一个包含js、json、wxml、wxss的界面文件组合的时候，什么就不操作的话，运行项...
微信小程序 - 解决报错警告 not found. May be caused by :1. Forgot to add page route in app.json.2. Invoking Page
王佳斌
09-03 2625
微信小程序，真机测试警告，报错，警告，路由顺序，app.json，router路由报错，not found. May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task.，依旧不行，wechat微信小程序开发者工具提示警告如何解决，偶尔出现，时好时坏，页面刷新就报，苹果ios，安卓Android，真机调试，真机预览，真实手机测试出现警告，未找到。可能由以下原因引起：忘记在app.json
uniapp [微信小程序] - 解决报错 Page[pages/x] not found. May be caused by :1. Forgot to add page route in app.
王佳斌
09-03 1917
uni-app，微信小程序，uniapp微信小程序，真机测试警告，报错，警告，路由顺序，app.json，router路由报错，not found. May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task.，把hbuilder x升级到最新版还是不行，依旧不行，wechat微信小程序开发者工具提示警告如何解决，偶尔出现，时好时坏，页面刷新就报，苹果ios，安卓Android，真机调试
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
积跬步，至千里。
10-27 7857
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
微信小程序报错：Component is not found in path '''path/to/vant-weapp/dist/toast/index'
Mr_chen的博客
04-15 2372
????摘要 今天分享下 —— 微信小程序报错：Component is not found in path '''path/to/vant-weapp/dist/toast/index' 的一些基本知识，欢迎关注！ ????分享 一、首先确认是否安装vant-weapp 如果没有，安装步骤如下： npm init 回车到结束 npm i vant-weapp -S --production 工具-...
微信小程序引入自定义子组件报错，在 C:/Users/***/WeChatProjects/miniprogram-1/components/路径下***
qq_42931285的博客
07-09 766
微信小程序引入自定义子组件文件报错
解决微信小程序报错 “[ app.json 文件内容错误] app.json: [“usingComponents“][“l-grid“] 未找到(env: Windows,mp,1.05.2111”
qq_17525509的博客
01-08 5415
首先报错是因为没有找到 npm需要构建npm，因此说明使用的是vue框架，这更加说明需要构建npm依赖了； 1.打开微信开发者工具--->工具---->构建npm 如图显示构建完成 如果构建提示如下 则需要先安装nodjs，点击下载进入官网安装nodejs并且配置nodejs，下载并且配置nodejs后执行如下命令 npm i @vant/weapp -S --production 记住一定要在当前小程序的根目录下执行才可以 之后再去执行上面的构建npm，就会显示构建成.
mpvue+vant构建微信小程序时引入组件路径出错
纸鸢的博客
06-10 638
mpvue+vant构建微信小程序时引入组件路径出错 错误：编译打包后无法找到usingComponents下的应用 解决办法：克隆vant仓库，将dist目录下的所有文件复制到你项目的/static/vant/目录下。 git clone https://github.com/youzan/vant-weapp.git // 当然你也可以克隆本仓库代码，本仓库会与vant仓库保持同步。直接将vant目录复制到/static目录下 git clone https://github.com/Rychou/mp
uni-app运行到微信小程序报错[ pagesindexindex.json 文件内容错误] pagesindexindex.json [“usingComponents“][“u-nav
m0_67393413的博客
03-01 4635
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到 这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式 // pages.json { "easycom": { // 下载安装的方式需要前面的"@/"
微信小程序开发在app.json文件怎么配置pages/grid/grid
最新发布
10-10
在微信小程序中，`app.json` 文件是一个全局配置文件，用于设置应用的基本信息以及页面的结构。如果你想配置名为 "grid" 的页面，并将其放在名为 "grid" 的分页组中，你需要在 `app.json` 的 `pages` 属性下做如下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值