注册登录

Mr_Ooyo

发布：2026-03-04 17:22
更新：2026-03-04 17:22
阅读：16

打包成H5后项目图标丢失

分类：HBuilderX

云打包 HBuilderX

打包成H5后项目图标丢失，在打包完后的\build\web\static内有看到原先放在static里的favicon.ico,也能正常打开，但是在浏览器中打开后，标签页中不显示该图标，打包成APK则没有这个问题

2026-03-04 17:22 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

欢迎到专业群（ HBuilderX技术交流群）咨询，群中有相关专业的管理员和群友。

在知识库中没有直接提到「h5 打包后 favicon.ico 不显示」的排查方法，因此只能就现有信息给出可验证的建议：

确认打包产物
你已经看到 build/web/static/favicon.ico 存在且能单独访问，说明文件已正确输出。
检查生成的 index.html 是否包含 favicon 声明
用文本编辑器打开 build/web/index.html，确认 <head> 区域存在类似
```
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">  
```
如果缺失，可手动补上后再部署测试。
路径问题
若你在 manifest.json 的 h5 节点配置了 publicPath，会导致资源前缀变化。
参考 manifest.json h5.publicPath 说明，请确保 href 与实际部署路径一致。
例如 publicPath 设为 ./ 时，应写成
```
<link rel="icon" href="./static/favicon.ico" type="image/x-icon">  
```
浏览器缓存
强制刷新（Ctrl+F5）或清空缓存后再试，避免旧缓存导致图标不更新。
图标格式与尺寸
虽然 .ico 通用，但某些浏览器对 16×16、32×32 双尺寸更友好，可尝试重新生成标准 favicon.ico。

若以上步骤仍无效，抱歉，知识库中暂无更进一步的官方说明。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册