uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题

这篇具有很好参考价值的文章主要介绍了uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

前段时间有粉丝私信,说自己的微信小程序在开发者工具中报错:“在项目根目录未找到app.json”,如图:
uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题
我以为这是他个人的问题,就直接说了解决方案,并建议用uniapp之类的框架开发,更关注业务,结果周六日我用最新版hbuilder创建了vue3项目,部署的时候,报了同样的错。但是周一回单位,把老项目跑了一下,却没有任何报错。


问题描述

问题复现:某些情况下,会触发未找到app.json、未找到sitemap.json之类的错误。可统一归类为未找到文件错误。


原因分析:

问题定位:project.config.json和project.private.config.json均未配置miniprogramRoot属性。但是这个属性在老项目中也未定义,却可以正常运行,暂不清楚微信开发者工具编译代码原理。


解决方案:

问题解决:

  1. 微信小程序项目:可直接在project.config.json中定义miniprogramRoot属性,这是在定义项目根目录,大白话就是项目的一些路径属性配置在了project.config.json,项目通过这个配置找app.json(或者sitemap.json)的时候,发现路径不对,找不到了,所以要在project.config.json中配置我们个性化的文件目录。这里建议把project.config.json、app.json、sitemap.json等配置都放在项目根目录,然后配置“miniprogramRoot:‘./’”
  2. uniapp项目:原理和上面一致。配置manifest.json,打开源码视图,如图:
    uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题
    找到mp-weixin属性:
    uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题
    在这里维护:miniprogramRoot:‘./’,如果自己的目录很个性,一定要注意属性值为自己个性化的相对地址。
    注意维护属性的时候,不要直接抄上面代码,中英文符号不保证符合要求

更多小程序开发教程,请关注专栏文章来源地址https://www.toymoban.com/news/detail-507506.html

到了这里,关于uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp微信小程序-项目实战修改密码

     图标是使用uview里面的图标,icfont也可以

    2024年02月22日
    浏览(32)
  • uniapp微信小程序项目-优购商城

    原网页笔记文档: https://www.escook.cn/docs-uni-shop/ uni-app 是一个使用 Vue.js 开发所有前端应用的框架 。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 详细的 uni-app 官方文档,请翻阅 https://uniapp.dcl

    2024年02月09日
    浏览(47)
  • uniApp配置微信分享 uniApp跳转微信小程序

    最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西 提示:plus为App端默认的系统参数,不用引入或者其他操作            ios跳转跳转微信小程序还需要配置

    2024年02月09日
    浏览(36)
  • uniapp微信小程序实现《优购商城项目》

    目录 一.下载HBuliderX与安装 创建项目 二.搭建项目 目录结构 页面名称  首页效果图  业务逻辑 代码如下:  分类页面效果图 业务逻辑 代码如下: 商品列表效果图  业务逻辑 代码如下: 商品详情页效果图 业务逻辑 代码如下: 购物车页面效果图 业务逻辑 代码如下: 支付页面效果

    2024年02月07日
    浏览(38)
  • uniapp项目打包(安卓apk和微信小程序)

    uniapp的打包方式有很多,这里主要讲解App打包成安卓apk和微信小程序的两种方式 原生App分为云打包和本地打包两种,一般只推荐使用云打包来快速打包成安卓apk 安卓正式包 勾选使用云端证书时,我们无需手动生成证书别名、证书私钥密码、证书文件等,uniapp官方已配置好云

    2024年02月03日
    浏览(42)
  • webstom编译器运行uniapp项目(微信小程序)

    首先我们需要下载一个插件“Uniapp Tool” 然后在设置中进行HbuilderX路径和微信开发者工具路径配置 最后添加运行方式 最终我们就可以在webstom上运行uniapp项目到小程序,在这里你需要修改appid为微信小程序的appid

    2024年02月02日
    浏览(39)
  • uniapp 微信小程序多环境配置及使用

    前后端分离开发模式中,无论前后端都有可能区分不同的环境配置,开发环境(dev)、测试环境(test)、线上生产环境(prod)等,不同环境的设置,后端请求api地址等不同,那么在小程序如何设置多环境配置呢? 之前搞vue的时候 可以通过 .env的方式配置开发测试和线上需要

    2024年02月02日
    浏览(25)
  • HbuilderX运行uniapp项目到微信小程序时,自动打开了微信小程序开发工具但是进不去项目

    这样选择之后,运行时一直停在打开微信开发者工具不能进入项目,如图: 这是因为你当前不是这个微信小程序的开发者,联系管理员添加你为当前小程序的开发者就行了。 或者是更换appid

    2024年02月11日
    浏览(43)
  • UniApp项目中 使用微信小程序原生语言 进行开发

    wxcomponents 下放的是微信小程序原生代码写的组件。我进行了封装 在你下uniApp 项目的根目录创建一个 wxcomponents 名字千万不要错 京东、支付宝灯参考下面图片 官方文档也有介绍 然后在你需要引入原生功能的页面里面引入你的组件(我这里提前已经放过来了。在上面图可看到

    2024年02月04日
    浏览(42)
  • uniapp项目在HBuilderX运行自动打开微信小程序

    1,首先在HBuilder X选中项目–运行—选择在微信小程序运行, 2,第一次需要配置一下小程序的安装目录,点击浏览选择对应的目录就可以了,如下图 3,需要在微信你开发小程序–设置–通用设置—打开服务端口 4,再运行就可以成功自动打开微信开发者工具了

    2024年02月13日
    浏览(35)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包