mpvue 找不到文件入口app.json

最新推荐文章于 2023-03-13 14:39:12 发布
原创 最新推荐文章于 2023-03-13 14:39:12 发布 · 534 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mpvue

本文解决了一个关于mpvue框架的问题，即在调试过程中遇到的“找不到文件入口app.json”的错误。通过调整project.config.json中的miniprogramRoot路径指向，成功解决了该问题。

问题描述： 根据mpvue官网上的教程npm install  、npm run dev 后，调试器中显示“找不到文件入口app.json”之类的报错。

解决办法：在project.config.json里找到"miniprogramRoot": "dist/"， 改为"miniprogramRoot": "dist/wx"就可以了（在我编译的文件里，app.json 在dist/wx的文件下）。

     注：不需要重新编译，修改这个文件直接保存就能显示界面了。如果不行看看是不是app.json不在这个文件下，要是是的话，应该就是其他原因了。

 

原因："miniprogramRoot"指向app.json的文件

kirito_pio
关注
【小程序】CNode社区mpvue-cnode-master.zip
12-17
【小程序】CNode社区mpvue-cnode-master.zip这个压缩包文件是针对开发微信小程序的一个开源项目，基于Vue.js框架的mpvue实现。mpvue是专为微信小程序设计的一个轻量级前端框架，它允许开发者使用Vue.js的语法进行小...
mpvue课程小程序全栈开发_源代码.zip
12-21
4. `app.js`：小程序的主入口文件，定义全局变量和函数。 5. `app.vue`：小程序的全局组件，定义整个小程序的外观和行为。 6. `index.js` 和 `index.vue`：首页的逻辑和视图文件。 7. `network/` 或 `services/` ...
mpvue 未找到入口 app.json 文件的原因之一
giy灬强哥的博客
11-04 1678
mpvue 未找到入口 app.json 文件的原因之一 有时因为mpvue升级，在npm run dev后生成的dist文件里多了一层wx文件，在打开微信开发者工具后，报错app.json找不到，如果是这种原因，需要去project.config.json文件里配置"miniprogramRoot": “dist/wx/”, 如图： ...
mpvue 未找到入口 app.json 文件解决方法
xm_law的博客
11-18 1352
情景一： 安装依赖包的时候或者npm run dev的时候提示缺少依赖的话，直接把node_modules 下面的文件全部删掉，然后重新npm intall 简单粗暴解决问题 情景二： npm run dev 编译一下，会在根目录生成一个dist文件夹，app.json在其中。 情景三： 分析：因为缺乏依赖而没自动生成app.json 解决：把packpage.json里的mpvue-loade后...
mpvue 未找到app.json入口文件
yumihe
08-27 4392
（1）情景一： 通过 vue init mpvue/mpvue-quickstart my-project 创建一个mpvue项目，发现项目中没有app.json文件。 解决：npm run dev 编译一下，会在根目录生成一个dist文件夹，app.json在其中。 （2）情景二： 复制mpvue项目，没有dist文件夹， npm install  -> npm run dev ...
mpvue 未找到入口 app.json 文件
weixin_33800463的博客
12-06 191
未找到入口 app.json 文件 开始打包运行后，打包的结果是这样的： 微信开发者工具也访问不了项目 然后网络搜索后，发现要这么改 只需要把packpage.json里的mpvue-loade后面的‘^’去掉，重新npm 然后在文件里面需要把这两个文件给删除掉 最后,npm install安装依赖即可 最终完美解决： ...
微信开发者工具未找到app.json
03-19
综上所述，当面对微信开发者工具提示找不到 `app.json` 这样的情况时，可以从上述几个方面逐一排查直至定位根本原因并加以修复。务必保持良好的工作习惯，定期备份重要源码以防意外丢失；同时也建议及时升级官方发布...
mpvue 单文件页面配置详解
10-17
在传统的 mpvue 项目中，一个页面通常由三个文件组成：`index.vue`（页面文件）、`main.js`（打包入口）和 `main.json`（小程序页面配置）。然而，为了简化开发流程和提高效率，我们可以利用 mpvue-config-loader 将...
微信小程序进入首页只能是pages.json中的第一个吗
最新发布
06-01
微信小程序中，`pages.json`（实际应为`app.json`）的首页设置规则如下： ### 核心规则 1. **首页由`pages`数组的第一个元素决定** 在`app.json`的`pages`字段中，**第一个声明的页面路径即为小程序的默认首页**...
mpvue编译时出现 “未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。”错误
wscfan的博客
10-09 7506
mpvue编译时如果出现以下错误，可参考以下步骤解决： 1. 打开 package.json 文件，按下图修改 2. 删掉 node_modules 文件夹，重新安装依赖 npm install 或者 cnpm install ...
mpvue创建小程序报未找到入口 app.json 文件的错
weixin_44015248的博客
12-28 781
报错： 项目dist的目录结构： 解决方法： 在project.config.json里 添加一句代码就可以了 “miniprogramRoot”: “./dist/wx”,（注意看你dist目下是否有wx，如果没有就直接 “miniprogramRoot”: “./dist”,） ...
Vue #app not find
hzxOnlineOk的博客
12-27 870
最近将Vue从单页面应用（SPA）改造成多页面多路由应用时碰到了个问题，很经典。 Q：Vue #app not find(大概是说没有找到id=“app”的元素) S：找了很久，发现是因为我在head标签里引入了某个页面的index.js，导致js还没引入完成，dom就渲染完成了，所以找不到dom容器节点#app 附图如下： ...
vue报错：[Vue warn]: Cannot find element: #app
qq_45791192的博客
06-30 3001
错误现象： 一开始我一直以为是我引用的vue.js文件有问题，换了好几个，都是一样的错。 原来是手写的vue.js要在最后引入 **因为要先有id为vue-app的div,vue才能获取相应的元素。**又加上浏览器解析js代码是从上往下的。 所以：调整了一下引用 ...
微信小程序报错[ app.json 文件内容错误] app.json: app.json 未找到
Debug的博客
06-20 8037
原因是： 导入项目后project.config.json文件被微信开发者工具修改。解决： 缺少代码：“miniprogramRoot”: “./unpackage/dist/dev/mp-weixin”。“miniprogramRoot”是指定小程序源码的目录(需为相对路径)。只要锁定到/dist/dev/mp-weixin目录就可以了，每个人的目录结构可能不一样，可以去各个目录找一下，看哪里有dist目录，然后找下去就可以。...
【微信小程序导入项目报错：[app.json文件内容错误]app.json未找到】解决方法
热门推荐
W153633的博客
09-26 3万+
微信小程序导入项目报错：[app.json文件内容错误]app.json未找到
[app.json文件内容错误]app.json未找到】解决方法
weixin_37864926的博客
03-13 2万+
针对微信小程序报错app.json未找到提供解决方法
mpvue踩坑-未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译
祈澈菇凉
01-10 3099
在网上找了一个开源的项目，但是打开的时候没有显示文件，控制台报错 未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。 解决方法一： 改变根目录project.config.json文件的miniprogramRoot属性，改为dist/wx/，也就是build后的路径 将 "miniprogramRoot": "dist/", 改成 "mini...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值