uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何解决优雅草卓伊凡

简介: uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何解决优雅草卓伊凡

uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何解决优雅草卓伊凡

在Uniapp发布快应用时遇到manifest.json缺少quickapp-webviewicon配置问题,这是快应用平台对应用图标有强制要求导致的。以下是完整的解决方案:

一、问题原因分析

  1. 快应用规范要求必须配置应用图标
  2. Uniapp生成的manifest.json可能未自动包含快应用专属配置节点
  3. 图标文件可能未放置在正确目录或尺寸不符合要求

二、完整解决方案

1. 修改manifest.json配置

在项目根目录的manifest.json文件中添加或完善quickapp-webview节点:

{
  "quickapp-webview": {
    "icon": "/static/quickapp-logo.png",
    "package": "com.yourcompany.yourapp",
    "versionName": "1.0.0",
    "versionCode": 100,
    "minPlatformVersion": 1070,
    "config": {
      "logLevel": "off"
    }
  }
}

2. 准备图标文件

  • 文件要求
  • 格式:PNG(推荐)
  • 尺寸:至少提供162x162像素
  • 透明背景(非必须但推荐)
  • 存放位置
/static/quickapp-logo.png

3. 多分辨率适配(可选但推荐)

为适配不同设备,建议提供多尺寸图标:

/static/quickapp/
├── logo-162x162.png  // 必需
├── logo-216x216.png  // 推荐
└── logo-432x432.png  // 推荐

对应修改manifest配置:

"icon": "/static/quickapp/logo-162x162.png"

三、验证步骤

  1. 清除缓存
rm -rf unpackage/dist/build
  1. 重新编译
  • HBuilderX菜单:运行 -> 运行到快应用
  1. 检查生成结果
    查看unpackage/dist/build/quickapp-webview目录下的manifest.json是否包含正确图标路径

四、常见问题排查

  1. 图标路径错误
  • 确保路径以/static/开头
  • 检查文件实际存在且无拼写错误
  1. 图标尺寸不符
# 使用ImageMagick检查尺寸(需安装)
identify -format "%wx%h" static/quickapp-logo.png
  1. 缓存导致未更新
  • 删除unpackage目录后重新编译

五、进阶配置建议

  1. 多平台差异化配置
{
"quickapp-webview-huawei": {
 "icon": "/static/quickapp/huawei-logo.png"
},
"quickapp-webview-xiaomi": {
 "icon": "/static/quickapp/xiaomi-logo.png"
}
}
  1. 自动生成图标脚本(使用ImageMagick):
convert source-logo.png -resize 162x162 static/quickapp-logo.png

六、官方规范参考

  • 华为快应用图标要求:最小162x162,推荐216x216
  • 小米快应用要求:至少192x192像素
  • OPPO快应用:建议256x256以上

不过在uniapp自带的hbuilder 来说 配置这个比较方便 除了要处理下尺寸之外即可

在uniapp可以可视化操作

这样就可以正常打包快应用了,

目录
相关文章
|
4月前
|
监控 数据挖掘 API
快应用报错Module Error 分包要求 app.json#minPlatformVersion 不小于 1061, 当前值为 21解决方案-优雅草卓伊凡
快应用报错Module Error 分包要求 app.json#minPlatformVersion 不小于 1061, 当前值为 21解决方案-优雅草卓伊凡
153 0
|
6月前
|
缓存 iOS开发 MacOS
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
798 2
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
|
8月前
|
JavaScript 小程序 API
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
589 12
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
|
10月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
571 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
存储 JavaScript 前端开发
TypeScript :使用mock提供数据&as const 的使用&tsconfig.json配置
本文介绍了如何在项目中使用 Mock 提供数据,包括安装依赖、配置 Vite 和 TypeScript,以及如何使用 `as const`、元组和 tsconfig.json 配置文件。通过这些配置,可以实现更灵活和高效的开发体验。
268 0
tasks.json、launch.json、c_cpp_properties.json配置
tasks.json、launch.json、c_cpp_properties.json配置
539 0
|
机器学习/深度学习 JSON 移动开发
详细解读BootStrap智能表单系列八表单配置json详解
详细解读BootStrap智能表单系列八表单配置json详解
170 0
|
JavaScript
TypeScript编译(tsconfig.json配置)
TypeScript编译(tsconfig.json配置)
261 0
|
3月前
|
JSON API 数据格式
淘宝拍立淘按图搜索API系列,json数据返回
淘宝拍立淘按图搜索API系列通过图像识别技术实现商品搜索功能,调用后返回的JSON数据包含商品标题、图片链接、价格、销量、相似度评分等核心字段,支持分页和详细商品信息展示。以下是该API接口返回的JSON数据示例及详细解析:

热门文章

最新文章