解决微信小程序报错“[ app.json 文件内容错误]”导致编译失败的问题

1. 错误信息： [ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2204250; lib: 2.26.1)
2. 原因： 导入微信开发者工具后project.config.json文件被微信开发者工具修改，缺少代码：“miniprogramRoot”: "./dist"从而导致微信开发者工具无法找到app.json文件进而报错：app.json: app.json 未找到，所以需要找到app.json 文件所在的文件夹，然后在project.config.json文件里写上aap.json的路径重新运行即可。
3. 导致问题出现的原因有以下几个：

• 根目录下project.config.json文件中缺失miniprogramRoot属性或指向的路径有误导致找不到aap.json的路径；
• 没有打包项目导致项目中缺失dist/unpackage文件夹（dist\dev\mp-weixin\app.json或者unpackage\dist\dev\mp-weixin\app.json）
• 不存在project.config.json文件

4. 解决方法

• 在project.config.json文件中补充或修正,最后重新进行编译

{
    "appid": "xxxxxxxxx",
    "compileType": "miniprogram",
    "miniprogramRoot": "dist/dev/mp-weixin/",
    ....
}

• HBuilderX进行打包：

  • 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 unpackage/dist/build/mp-weixin 生成微信小程序项目代码。
  • vue-cli打包方法：npm run build:mp-weixin具体参考：uni-app官网 (dcloud.net.cn)

• 这时候去找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上修改，修改无效；要在新复制的上面改）

• 特别声明

  • 注意：编写这篇文章是因为自己遇到了这个问题，并且按照网上内容解决了该方法，在此记录一下此解决方法，无商业用途。
  • 特别感谢：i_am_a_div_日积月累_
  • 文章编写来源：解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错_project.config.json的miniprogram是-CSDN博客