《接触mpvue遇到的坑》mpvue项目在微信开发者工具打开(非dist目录)，未找到入口 app.json 文件

最新推荐文章于 2024-05-19 20:57:07 发布
最新推荐文章于 2024-05-19 20:57:07 发布
阅读量6.5k 收藏
点赞数 2
分类专栏： 小程序 文章标签： mpvue 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42539269/article/details/82999103
版权

自己创建的mpvue项目，玩了几天，不知道自己操作了什么，用微信开发者打开项目直接报错了。。

郁闷了很久，开发者工具路径打开dist目录又可以，刚接触mpvue一时也找不到原因 。。。

最后弄了好久，每个配置文件都看了一遍，最后终于找到了原因、

原来是项目配置文件project.config.json  里面出了问题，可能是编译的有问题，miniprogramRootme 没有指定路径

只需要把小程序源码的路径指向dist目录，问题就解决了 。。

 

心_结
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
微信小程序 mpvue ，vuex配置问题,（补充：初步解决 微信开发者工具dist目录下不生成wxml文件的Bug）
Cyansnow的博客
08-20 4170
 【重点】page对应的main.js配置: import Vue from 'mpvue'; import Person from './person.vue'; import store from '@/store'; const app = new Vue({ ...Person, store }); app.$mount();  问题：    第一次用Mpvue编写微信小...
微信小程序 构建npm报错 没有生成miniprogram_npm目录
MorrisGeek的博客
11-09 4160
拉取已有仓库，在目录下执行npm install，再在微信开发者工具里点构建npm，报错说找不到/miniprogram_npm
uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json
最新发布
谁人打的太极拳的博客
05-19 1900
既在导入项目选择要导入的项目的存放路径时，点至mp-weixin，一般为项目中unpackage-->dist-->dev-->mp-weixin。在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json。出现这个问题是因为打开的文件地址不对，解决这个问题首先我们要查看是否有unpackage。，如果有，项目直接指向unpackage\dist\dev\mp-weixin即可。
微信小程序wepy框架编译生成dist目录
qq_55625887的博客
06-04 918
防坑
微信小程序之目录结构
weixin_34102807的博客
07-12 232
小程序，功能不会太多，页面不会太多。 正常情况下，会包含首页，分类页面，个人中心页面，导航页面，其他页面等等。 我们首先要把页面结构布置好，把架子搭建好。 剩下的就是配置一些内容，小程序的基本信息，接口地址等等。 看看上面的目录结构，很清晰。包括common，通用的功能文件夹。 包括config配置文件，一些配置信息放入其中。 包括images图片，这些图片文件不会太大，因为小程序本身就不可以太...
微信小程序开发之——weui-wxss的使用
Sunday CSDN博客
12-13 2万+
概述：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。预览：用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目） Github下载地址： https
如何在微信小程序项目中使用vant组件库
10-21
安装完成后，你需要在微信开发者工具的`app.json`配置文件中引入Vant Weapp的样式文件。在`app.json`的`page`属性外添加`globalStyle`，并在其中设置`app.wxss`的`@import`语句： ```json { "globalStyle": { ...
uni-app微信小程序生成海报.rar
02-07
- 代码上传与审核：完成开发后，将uni-app项目打包并上传至微信开发者工具，提交审核，最后发布到微信小程序平台。 总结来说，uni-app为微信小程序生成海报提供了便利，通过组合使用uni-app的组件、API以及Vue的...
uni-app使用微信小程序云函数的步骤示例
11-20
在uni-app项目的根目录下的`manifest.json`文件中，找到微信小程序的相关配置（`mp-weixin`），添加或更新`cloudfunctionRoot`字段，指定云函数的根目录，例如设置为`"./functions/"`。 3. **配置vue.config.js**...
微信小程序demo：需要安装NPM依赖.rar
01-25
使用微信开发者工具打开项目，工具会自动编译代码并实时刷新页面，方便进行调试。点击工具中的“预览”按钮，生成二维码，然后用微信扫描即可在手机上预览效果。 7. **发布与更新**： 完成开发并测试无误后，通过...
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
12-09
- **npm下载**：通过npm命令行工具安装，然后在项目的`index.json`或各页面的`main.json`中引入。这种方式适用于已经配置好npm环境且熟悉包管理的开发者。 - **下载代码**：直接从GitHub仓库...
微信开发者工具运行报错‘app.json 未找到’
XiongFine的博客
03-24 5874
小程序中报错app.json未找到，如何解决
【用vue开发微信小程序】（uni-app）（自用，不推荐参考）
热门推荐
sp_zhaoyun的博客
07-29 3万+
笔记自用
微信开发者工具创建vue项目步骤
weixin_56848461的博客
10-19 2258
微信开发者工具创建vue项目
mpvue 未找到入口 app.json 文件解决方法
xm_law的博客
11-18 1267
情景一： 安装依赖包的时候或者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 4288
（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 ...
微信开发者工具未找到入口 app.json 文件,或者文件读取失败
shenysun的博客
07-23 1万+
微信开发者工具报这个错误，首先出现这个情况大致可以分为两种可能， 第一正确的app.json，应该在项目文件夹第一层，也就时说这个app.json直接在项目的文件夹下。 第二 微信公众平台是否添加了自己的项目，若果你是刚注册的请添加你的项目，审核通过后就可以了 两个问题都排除一下应该就没什么问题了...
微信小程序app.json中的设置，mpvue中main.js的设置
唯一的切慕，唯一的诗歌……
05-17 1万+
这里以mpvue为例子说明一下，基本跟小程序app.json中一样，只是pages数组中第一个字符串去掉’^’ 说明几点 小程序中新增/减少页面，都需要对 pages 数组进行修改。 tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。 tabBar 只有在tabBar中配置的页面才显示tabBar，没有在数组中声明的页面不显示tabBar 附上abB...
[ app.json 文件内容错误] app.json: app.json 未找到,未找到入口 app.json 文件
10-28
如果微信开发者工具提示“app.json未找到”或“未找到入口app.json文件”，那么很可能是因为app.json文件内容错误或者缺失。你需要检查一下app.json文件是否存在，以及文件内容是否正确。如果文件存在但是内容错误，...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值