启动uniapp小程序报错:Error:app.json:在项目根目录中未找到app.json

这篇具有很好参考价值的文章主要介绍了启动uniapp小程序报错:Error:app.json:在项目根目录中未找到app.json。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如图所示:将代码从仓库中拉下来在开发者工具中直接启动后报错

小程序开发找不到appjson,uni-app,小程序,前端

产生原因:uniapp小程序不能直接被微信开发者工具解析编译,需要先生成unpackage文件夹再进行编译。

解决方案共有两种(任选其一即可):

方案一:前提是项目代码中已经含有 unpackage 这个文件夹且mp-weixin文件夹不为空

小程序开发找不到appjson,uni-app,小程序,前端

这个时候就直接更换根目录文件为mp-weixin再次重新打开微信开发者工具即可,注意编译运行的是mp-weixin 。如图

小程序开发找不到appjson,uni-app,小程序,前端

需注意:如若想更改代码需要在最外层项目代码中进行更改,不要直接在mp-weixin更改,因为这个unpackage文件夹里面的所有内容是由原始文件编译后生成的。

方案二:使用其他编辑器打开项目,然后编译到微信开发者工具启动项目 (推荐)

这里以webstorm编辑器为例 ,其他编辑器都大差不差的。(我用的是mac版本,但操作方法是一样的,只要能找到对应的位置操作即可)

第一步:下载Uniapp Support 插件

文件 --设置--插件:

小程序开发找不到appjson,uni-app,小程序,前端

第二步:添加新配置

小程序开发找不到appjson,uni-app,小程序,前端

第三步:在设置里面配置所选配置的路径(这里以微信开发者工具为例)

小程序开发找不到appjson,uni-app,小程序,前端

第四步:运行编译即可自动启动小程序

小程序开发找不到appjson,uni-app,小程序,前端

注意:如果这里等了很久还是没有自动打开微信开发者工具,就需要检查微信开发者工具是否开启服务端口 在微信工具的设置->安全中将它打开然后再重新编译即可。

小程序开发找不到appjson,uni-app,小程序,前端

建议:推荐使用第二种方法,它的优势有:第一,可以直接在编辑器中修改页面的代码,不仅不需要以mp-weixin为根目录启动项目,而且每次代码更改保存后都可以自动重新编译代码;第二,一旦unpackage文件里面的内容出问题,使用第一种方案的话处理起来就会很麻烦,而第二种方法可以直接把unpackage删掉,重新运行即可,因为它在重新运行时会生成新的unpackage文章来源地址https://www.toymoban.com/news/detail-718141.html

到了这里,关于启动uniapp小程序报错:Error:app.json:在项目根目录中未找到app.json的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包