前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序开发找不到appjson_appjson文件内容错误未找到

小程序开发找不到appjson_appjson文件内容错误未找到

作者头像
全栈程序员站长
发布2022-11-04 15:28:19
2.7K0
发布2022-11-04 15:28:19
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

  • 编译报错:[ app.json 文件内容错误] app.json: app.json 未找到
在这里插入图片描述
在这里插入图片描述
  • 原因:由于project.config.json文件的miniprogramRoot小程序根目录属性找不到aap.json的路径(可能是错误的路径,也可能是没有这一行代码);
代码语言:javascript
复制
"miniprogramRoot": "./dist/dev/mp-weixin"
  • 具体操作向下看:

-导入之前项目根目录下的project.config.json文件:

代码语言:javascript
复制
{ 
   
  "description": "A WePY project",
  "setting": { 
   
    "urlCheck": true,
    "es6": false,
    "postcss": false,
    "minified": false
  },
  "compileType": "miniprogram",
  "appid": " wx4e367dd65dd063b6",
  "projectname": "heima_ugou",
  "miniprogramRoot": "./dist"
}
  • 导入之后项目根目录下的project.config.json文件被修改为:
代码语言:javascript
复制
{ 

"description": "项目配置文件",
"packOptions": { 

"ignore": []
},
"setting": { 

"bundle": false,
"userConfirmedBundleSwitch": false,
"urlCheck": true,
"scopeDataCheck": false,
"coverView": true,
"es6": true,
"postcss": true,
"compileHotReLoad": false,
"preloadBackgroundData": false,
"minified": true,
"autoAudits": false,
"newFeature": false,
"uglifyFileName": false,
"uploadWithSourceMap": true,
"useIsolateContext": true,
"nodeModules": false,
"enhance": false,
"useCompilerModule": true,
"userConfirmedUseCompilerModuleSwitch": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"showShadowRootInWxmlPanel": true,
"packNpmManually": false,
"enableEngineNative": false,
"packNpmRelationList": [],
"minifyWXSS": true
},
"compileType": "miniprogram",
"libVersion": "2.15.0",
"appid": "wxbd5104f84c90a9f6",
"projectname": "sys-teaching",
"debugOptions": { 

"hidedInDevtools": []
},
"scripts": { 
},
"isGameTourist": false,
"condition": { 

"search": { 

"list": []
},
"conversation": { 

"list": []
},
"game": { 

"list": []
},
"plugin": { 

"list": []
},
"gamePlugin": { 

"list": []
},
"miniprogram": { 

"list": []
}
}
}

– 问题原因: 导入微信开发者工具后project.config.json文件被微信开发者工具修改,缺少代码:“miniprogramRoot”: “./dist”从而导致微信开发者工具无法找到app.json文件进而报错:app.json: app.json 未找到,所以需要找到app.json 文件所在的文件夹,然后在project.config.json文件里写上aap.json的路径重新运行即可

其中可能遇到三种情景:

1.情景一:打死都找不到 dist文件 找不到 app.json,原因是你没有打包项目;

HBuilderX打包方法

在这里插入图片描述
在这里插入图片描述

vue-cli打包方法

在这里插入图片描述
在这里插入图片描述

2.情景2 不存在dist文件:注意我们要找的不是dist文件夹,而是app.json 文件所在的位置,①可能在打包后的dist文件夹下;②可能在unpackage\dist\dev\mp-weixin 文件夹下

– 情景2 解决办法: 向project.config.json文件中添加如下代码 “miniprogramRoot”: “./dist/dev/mp-weixin” 后从新编译即可: 注意./dist/dev/mp-weixin 是你自己的代码 打包下dist文件夹下的项目名称

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
"miniprogramRoot": "./dist/dev/mp-weixin"

3.情景3 不存在project.config.json文件。这时候去找unpackage\dist\dev\mp-weixin文件,会发现在mp-weixin下有project.config.json,将此project.config.json文件复制一份放在unpackage同一级,然后在这个复制过来的project.config.json文件夹下添加上 “miniprogramRoot”: “./unpackage/dist/dev/mp-weixin”,即app.json文件的路径即可。(注意不要在原project.config.json上修改,修改无效;要在新复制的上面改)

情景3不存在project.config.json文件,解决办法:如下:

在这里插入图片描述
在这里插入图片描述

例如上图的app.json路径该这么写:

代码语言:javascript
复制
"miniprogramRoot": "./unpackage/dist/dev/mp-weixin"

4.总结:在project.config.json文件的最后一行,加上到你自己的app.json文件路径

代码语言:javascript
复制
"miniprogramRoot": "注意这个路径是到你的app.json文件"

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/182646.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档