mpvue 找不到文件入口app.json

最新推荐文章于 2021-06-30 14:47:39 发布
最新推荐文章于 2021-06-30 14:47:39 发布
阅读量508 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： mpvue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/kirito_pio/article/details/84106228
本文解决了一个关于mpvue框架的问题，即在调试过程中遇到的“找不到文件入口app.json”的错误。通过调整project.config.json中的miniprogramRoot路径指向，成功解决了该问题。

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

问题描述： 根据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
关注
mpvue 单文件页面配置详解
10-17
在传统的 mpvue 项目中，一个页面通常由三个文件组成：`index.vue`（页面文件）、`main.js`（打包入口）和 `main.json`（小程序页面配置）。然而，为了简化开发流程和提高效率，我们可以利用 mpvue-config-loader 将...
mpvue课程小程序全栈开发_源代码.zip
12-21
4. `app.js`：小程序的主入口文件，定义全局变量和函数。 5. `app.vue`：小程序的全局组件，定义整个小程序的外观和行为。 6. `index.js` 和 `index.vue`：首页的逻辑和视图文件。 7. `network/` 或 `services/` ...
mpvue 未找到入口 app.json 文件的原因之一
giy灬强哥的博客
11-04 1661
mpvue 未找到入口 app.json 文件的原因之一 有时因为mpvue升级，在npm run dev后生成的dist文件里多了一层wx文件，在打开微信开发者工具后，报错app.json找不到，如果是这种原因，需要去project.config.json文件里配置"miniprogramRoot": “dist/wx/”, 如图： ...
mpvue 未找到入口 app.json 文件解决方法
xm_law的博客
11-18 1333
情景一： 安装依赖包的时候或者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 4374
（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 177
未找到入口 app.json 文件 开始打包运行后，打包的结果是这样的： 微信开发者工具也访问不了项目 然后网络搜索后，发现要这么改 只需要把packpage.json里的mpvue-loade后面的‘^’去掉，重新npm 然后在文件里面需要把这两个文件给删除掉 最后,npm install安装依赖即可 最终完美解决： ...
微信开发者工具未找到app.json
最新发布
03-19
综上所述，当面对微信开发者工具提示找不到 `app.json` 这样的情况时，可以从上述几个方面逐一排查直至定位根本原因并加以修复。务必保持良好的工作习惯，定期备份重要源码以防意外丢失；同时也建议及时升级官方发布...
【小程序】CNode社区mpvue-cnode-master.zip
12-17
【小程序】CNode社区mpvue-cnode-master.zip这个压缩包文件是针对开发微信小程序的一个开源项目，基于Vue.js框架的mpvue实现。mpvue是专为微信小程序设计的一个轻量级前端框架，它允许开发者使用Vue.js的语法进行小...
# 将 npm 包复制到 vendor 文件夹，避免小程序可能不能找到文件（tips：使用 wepy/mpvue 等框架无需此步）
09-07
2. 找到生成的 `.js` 和 `.json` 文件，特别是 `lib.min.js` 类似的入口文件，以及对应的依赖库文件。 3. 将这些文件复制到你的小程序项目的 `projectname/vendor` 文件夹中。 4. 在小程序的配置文件（如 `config....
mpvue编译时出现 “未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。”错误
星光的博客
11-12 2398
修改根目录project.config.json文件的miniprogramRoot属性值。改为dist/wx/，，也就是build后的路径
mpvue创建小程序报未找到入口 app.json 文件的错
weixin_44015248的博客
12-28 772
报错： 项目dist的目录结构： 解决方法： 在project.config.json里 添加一句代码就可以了 “miniprogramRoot”: “./dist/wx”,（注意看你dist目下是否有wx，如果没有就直接 “miniprogramRoot”: “./dist”,） ...
Vue #app not find
hzxOnlineOk的博客
12-27 851
最近将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 2966
错误现象： 一开始我一直以为是我引用的vue.js文件有问题，换了好几个，都是一样的错。 原来是手写的vue.js要在最后引入 **因为要先有id为vue-app的div,vue才能获取相应的元素。**又加上浏览器解析js代码是从上往下的。 所以：调整了一下引用 ...
mpvue踩坑-未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译
祈澈菇凉
01-10 3009
在网上找了一个开源的项目，但是打开的时候没有显示文件，控制台报错 未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。 解决方法一： 改变根目录project.config.json文件的miniprogramRoot属性，改为dist/wx/，也就是build后的路径 将 "miniprogramRoot": "dist/", 改成 "mini...
《接触mpvue遇到的坑》mpvue项目在微信开发者工具打开(非dist目录)，未找到入口 app.json 文件
weixin_42539269的博客
10-10 6712
自己创建的mpvue项目，玩了几天，不知道自己操作了什么，用微信开发者打开项目直接报错了。。 郁闷了很久，开发者工具路径打开dist目录又可以，刚接触mpvue一时也找不到原因 。。。 最后弄了好久，每个配置文件都看了一遍，最后终于找到了原因、 原来是项目配置文件project.config.json  里面出了问题，可能是编译的有问题，miniprogramRootme 没有指定路径 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值