[ pages/index/index.json 文件内容错误] pages/index/index.json

最新推荐文章于 2025-03-24 16:04:29 发布
最新推荐文章于 2025-03-24 16:04:29 发布
阅读量1.4w 收藏 3
点赞数 4
文章标签： 小程序 vue.js 微信公众平台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xc979906570/article/details/120295895
版权

记录一下报错信息和解决方法
微信开发者工具报错

这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式。
上述解决地址文章

改了之后反而Hbuilderx报错

最后又安装了一个包成功解决
重新在该目录下进入cmd
运行 下面代码解决

npm i miniprogram-sm-crypto --production

可以参考一下

Hbuilderx启动微信开发者工具一直报错
报错内容未找到模块

后重新安装微信开发者工具到默认路径就解决了

xc979906570
关注
【微信小程序】page.json配置-pages页面路由
墨夶的博客
11-15 1393
pages数组用于定义小程序的所有页面路径。每个页面路径对应一个页面文件，框架会根据这些路径加载相应的页面。pagespath: 页面的路径。style: 页面的样式配置，可以覆盖全局样式。
微信小程序开发:新建文件报错Error:pages/xxx/xxx.json Expecting ’STRING’,’NUMBER’,’NULL’,’TRUE’,’FALSE’ got EOF 1|
全沾软贱开发攻城狮
03-30 1万+
在微信小程序开发的初期，对于初级开发者来说会遇到各种各样的坑，有些坑可以在网上随便搜索一下就能找到，有些坑可能想搜都搜不到，因为要么是非常简单的问题，没人写；要么就是已经有解决方法了，但是查找的姿势不对，造成问题依然解决不了。 本篇博文就来分享一个简单的错误解决方法，那就是在微信小程序新建文件的时候，如果新建一个包含js、json、wxml、wxss的界面文件组合的时候，什么就不操作的话，运行项...
微信小程序开发报错[ miniprogram/pages/index/index.json.json 文件错误] miniprogram/pages/index/index.json: Empty f
xuanjiong的博客
02-21 2414
当出现以上错误提示时，提示index.json文件为空文件，可通过错误信息找到目标文件。此时需要在index.json文件中添加部分代码即可，例如下图。即可恢复开发者工具界面。
引用第lin-ui后报这个错误，请问是什么意思[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.js
Mileeeey的博客
09-02 2873
引用第三方ui库出现错误，invalid character之类的需要重新构建一下npm
微信小程序：Error: Page “pages/index/index“ does not have a method “e0“
Ry_Hs的博客
03-24 263
问题：微信小程序在写点击事件是页面点击报：Error: Page "pages/index/index" does not have a method "e0"临时解决方法：定义一个名为e0的函数，把原来点击触发的函数或代码写在里面，然后把页面点击触发的事件改为e0即可。不知道为什么一定要写这个e0，很奇怪。
微信小程序：未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件
qq_44108944的博客
07-12 5440
微信小程序：未找到 app.json 中的定义的 pages “pages/index/index” 对应的 WXML 文件 前情：本人在自学微信小程序时，遇到了调用模板出现错误的情况，本来想在社区里查找相关资料来调试错误，但是最终还是自己想清思路解决了问题。 如果步骤太过冗长的话，可以先跳过步骤看图片是否能帮助到您，图片若是看不明白的话再回步骤看看吧。 步骤：1.首先我们创建一个template文件，一般我们采用快捷的方式直接在全局文件app.json中的"pages":{“template/itemTe
小程序[ pages/index/index.json.json 文件错误] pages/index/index.json: Empty file is NOT a valid json file
weixin_44160132的博客
04-29 1万+
错误 改正 index.json中的{ }被删了重新加上就可以
uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到
热门推荐
lingliu0824的博客
03-24 2万+
在这里插入图片描述
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": { // 下载安装的方式需要前面的"@/"
uni-app运行到微信小程序报错[ pagesindexindex.json 文件内容错误] pagesindexindex.json [“usingComponents“][“u-nav
m0_67393413的博客
03-01 4874
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到 这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式 // pages.json { "easycom": { // 下载安装的方式需要前面的"@/"
miniprogram/pages/index/index.json: [“usingComponents“][“van-image“]: “@vant/weapp/image“ 未找到
wang_59881的博客
04-11 4113
记录 [“usingComponents”][“van-image”]: “@vant/weapp/image” 未找到 新到一家公司，拉取小程序的代码，运行后，发现报错 大致意思是有的页面引用了vant的部分组件，但由于本地没有下载，所以找不到组件，就报错。 解决方法： 第一步：下载vant组件，命令 npm i @vant/weapp -S --production 第二步：打开微信开发者工具，点击“工具”，选中“构建npm”，完成构建；会多出两个文件，一个是miniprogram_npm，一个是
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
积跬步，至千里。
10-27 8257
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
微信小程序报错 【app.json 文件内容错误】app.json app.json 未找到
m0_67402588的博客
03-06 6763
[ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2108130; lib: 2.15.0) 网上看到很多博客说出现这个错误的原因是打包问题，要去配置miniprogramRoot，但是我没有打包过项目，按照博客的解决办法去配置也没有解决我的问题。 我前一天写项目的时候还没有报这个错，然后第二天写项目就突然报这个错，如果大家出现的情况和我一样，不是因为打包问题的话，可以试试这个方法 解决办法 在微信开发者工具中删除项目，然后重新添
uniapp 报错[ pages/mine/info/index.json 文件内容错误] pages/mine/info/index.json: [“usingComponents“][“u-lis
m0_55251727的博客
08-24 2589
[ pages/mine/info/index.json 文件内容错误] pages/mine/info/index.json: ["usingComponents"]["u-list"] 未找到(env: Windows,mp,1.05.2204250; lib: 2.25.2)
uni-app——uniapp 用 HBuilderX 启动微信小程序报错： [文件内容错误] src/pages/home/index.json: [“usingComponents“][“u-ac
qq_43201350的博客
12-10 372
uni-app——uniapp 用 HBuilderX 启动微信小程序报错： [文件内容错误] src/pages/home/index.json: ["usingComponents"]["u-ac
uniapp报错[ app.json 文件内容错误] app.json: [“pages“][0]: “pages/index/index“ 不应该在 [“subPackages“][0] 中
weixin_52102740的博客
04-27 3090
错误信息表明 app.json 文件中配置有误，具体来说，是 pages 数组中的第一个页面 "pages/index/index" 不应该出现在 subPackages 数组的第一个子包中。解决方法：将一下代码在app.json中删除，然后重新编译即可。
read_pages/pages/detail/index.json 文件内容错误] read_pages/pages/detail/index.json: ["usingComponents"]["f-i-l-e_-p-u-b-l-i-c_-h-o-s-t"]: "/config/index"，在 D:\project\read_uniappweb\dist\dev\mp-weixin/config/index 路径下未找到组件
最新发布
04-03
<think>好的，我现在需要解决用户提到的uni-app微信小程序中usingComponents引用路径错误的问题。用户提供的错误信息是找不到名为'f-i-l-e_-p-u-b-l-i-c_-h-o-s-t'的组件，路径在D:\project\read_uniappweb\dist\dev\mp-weixin\config\index。首先，我得分析这个问题的可能原因。 首先，用户可能在配置components时路径写错了。uni-app中引用自定义组件通常是在pages.json的usingComponents里声明，或者在vue文件中直接引入。根据引用[1]中的pages数组结构，可能用户是在某个页面的配置里引用了这个组件，但路径格式不正确。微信小程序的组件路径应该相对于项目根目录，或者使用绝对路径。例如，如果组件位于项目根目录的components文件夹下，路径应该是/components/component-name。 其次，路径中的'f-i-l-e_-p-u-b-l-i-c_-h-o-s-t'看起来像是某种占位符被错误处理了。可能是用户在路径中使用了类似__PUBLIC__这样的环境变量或占位符，但在编译时没有被正确替换，导致最终路径变成了这种格式。需要检查配置文件或构建脚本，确保这些占位符被正确解析。 另外，查看用户提供的引用[3]中的示例代码，他们使用了<uni-card>组件，这说明项目可能依赖了uni-ui组件库。如果用户的自定义组件路径正确，但依然报错，可能需要确认组件是否正确定义，或者是否存在拼写错误。例如，组件的name是否正确，路径中的文件夹名称是否与实际一致，尤其是大小写问题，因为在Windows系统中不区分大小写，但微信小程序的编译环境可能对此敏感。 还需要检查dist目录下的生成文件是否正确。用户提到错误路径在dist/dev/mp-weixin/config/index，这可能意味着编译后的配置文件中的组件路径有问题。可以尝试删除dist目录重新编译，看是否解决。有时候缓存可能导致旧配置残留。 另外，用户可能在vue文件的script部分或pages.json中错误地配置了组件路径。例如，在pages.json中，usingComponents的路径应该是相对于项目根目录的绝对路径，如"/components/xxx"，而不是相对路径。根据引用[5]中的自定义组件示例，用户可能在使用类似<select-lay>的组件，需要确认路径是否正确。 还有一种可能是HBuilderX的配置问题，例如项目配置中的某些设置导致路径解析错误。可以检查manifest.json中的相关配置，或者尝试重新配置微信小程序的编译设置。 最后，建议用户检查组件是否实际存在，路径是否正确，特别是注意是否有拼写错误或特殊字符导致的问题。例如，下划线或连字符的使用是否正确，文件夹名称是否与路径中的一致。同时，查看编译日志，确认具体的错误信息，以进一步定位问题。</think>### 解决 `uni-app` 微信小程序组件路径引用错误 #### 问题分析 错误提示`component not found`通常由以下原因导致： 1. **组件路径格式错误**：微信小程序要求组件路径为**绝对路径**（相对于项目根目录），而非相对路径[^1]。 2. **占位符未正确解析**：路径中的占位符如`__PUBLIC__`可能未被编译替换，导致生成异常字符串`f-i-l-e_-p-u-b-l-i-c_-h-o-s-t`。 3. **组件未注册或命名错误**：组件未在`pages.json`或`vue`文件中正确声明，或组件文件缺失。 --- #### 解决方案 ##### 1. 检查路径格式 在`pages.json`或`vue`文件中，组件路径需使用绝对路径： ```json // pages.json 示例 { "pages": [ { "path": "pages/index/index", "style": { "usingComponents": { "custom-component": "/components/custom-component" // 正确写法 } } } ] } ``` 避免使用相对路径（如`../../components/custom-component`）[^1]。 ##### 2. 处理占位符 若路径中使用了环境变量（如`__PUBLIC__`），需在构建脚本或`manifest.json`中配置替换逻辑： ```javascript // vue.config.js (若使用 Vue CLI) module.exports = { chainWebpack: config => { config.plugin('define').tap(args => { args[0]['__PUBLIC__'] = JSON.stringify('/public'); return args; }); } }; ``` ##### 3. 确认组件存在性 - 检查组件文件是否位于`components`目录下，且文件名与路径一致（注意大小写）。 - 若使用第三方组件库（如`uni-ui`），需在`pages.json`中全局注册： ```json { "easycom": { "autoscan": true, "custom": { "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue" } } } ``` ##### 4. 清除缓存并重新编译 删除`dist`目录后重新运行项目，避免旧配置残留： ```bash rm -rf dist/dev/mp-weixin npm run dev:mp-weixin ``` --- #### 示例代码修正 假设自定义组件`select-lay`位于`components/select-lay`目录： ```html <!-- Vue 文件 --> <template> <select-lay :zindex="998" :value="choicedID" name='Name' placeholder="请选择拓扑名称" slabel="t_name" svalue="t_id" :options="project" @selectitem="choicet_Name" ></select-lay> </template> ``` ```json // pages.json 中注册组件 { "pages": [ { "path": "pages/index/index", "style": { "usingComponents": { "select-lay": "/components/select-lay/select-lay" } } } ] } ``` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值