首页 前端知识 解决微信小程序导入项目报错: [app.json文件内容错误]app.json未找到

解决微信小程序导入项目报错: [app.json文件内容错误]app.json未找到

2024-05-12 00:05:51 前端知识 前端哥 312 177 我要收藏

目录

场景描述

原因分析

解决方法


场景描述

使用微信开发者工具导入项目后,打开控制台,出现报错提示:[app.json文件内容错误]app.json 未找到,如下图:

原因分析

一级文件目录里确实找不到app.json文件,但是打开二级目录可以看到app.json。

究其原因是:小程序项目中的project.config.json和project.private.config.json文件均未配置miniprogramRoot属性。小程序找不到入口中的文件了

❓ 不过也给我带来了一个新的疑惑:这个属性在老项目中也未定义,却可以正常运行,所以暂不清楚微信开发者工具编译代码的原理。

番外:一般情况下,触发未找到app.json、未找到sitemap.json之类的错误。可统一归类为未找到文件错误。

解决方法

1、在project.config.json文件中,配置下面一段代码:

“miniprogramRoot ”:“mini2/miniprogram/”

注意:这里的“mini2/miniprogram/"中的mini2是我的最外层的项目的名称。大家换成自己的项目名称即可。保存后页面自动出来“srcMinioprogramRoot”。

2、项目 - 关闭当前项目,重新导入第二层的项目即可

3、页面成功启动啦。

Tips:miniprogramRoot:指定小程序源码的目录(需为相对路径)

在project.config.json中定义miniprogramRoot属性,这是在定义或是指定小程序源码的目录(需为相对路径)也就是小程序项目根目录,大白话就是项目的一些路径属性配置在了project.config.json,项目通过这个配置找app.json(或者sitemap.json)的时候,发现路径不对,找不到了,所以要在project.config.json中配置我们个性化的文件目录。

一般建议大家把project.config.json、app.json、sitemap.json等配置都放在项目根目录,然后配置“ miniprogramRoot:‘./’ ”

注意!如果自己的目录很个性,一定要注意属性值为自己个性化的相对地址。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8286.html
评论
发布的文章

Newtonsoft.Json

2024-05-23 20:05:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!