小杏
小杏
  • 发布:2026-03-03 13:52
  • 更新:2026-03-03 14:38
  • 阅读:20

【报Bug】cover-image在.nvue中不显示图片

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 4.75

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: redmi k30 pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<map  
            ref="dotMap"  
            id="dotMap"  
            :latitude="centerPos[1]"  
            :longitude="centerPos[0]"  
            :style="mapStyle"  
            :markers="markers"  
            :circles="circles"  
            :polygons="polygon"  
            @markertap="handleMarkerTap"  
            @labeltap="handleMarkerTap"  
        >  
            <cover-image src="/static/icon/icon_map.png" class="map-icon" :style="mapIconStyle"></cover-image>  

        </map>
mapIconStyle() {  
            let left = this.mapCenterSize.width - 13  
            let top = this.mapCenterSize.height - 44  
            return {  
                left: left + 'px',  
                top: top + 'px'  
            }  
        }
.map-icon{  
    width: 26px;  
    height: 45px;  
    position: absolute;  
    z-index: 9;  
}

操作步骤:
<cover-image src="/static/icon/icon_map.png" class="map-icon" :style="mapIconStyle"></cover-image>

在.nvue中

预期结果:

可以像附件一样在地图中间显示图片

实际结果:

没有显示图片

bug描述:

打了正式包之后显示不了图片

2026-03-03 13:52 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

【官方评审意见】

  1. 反馈完整性

    • 标题、描述、代码片段、复现步骤、预期/实际结果、运行环境(HBuilderX 4.75、Android 12、Vue2、Redmi K30 Pro)均已给出,信息基本完整。
    • 但缺少“正式包”具体指哪种包(云打包-正式版?离线自定义基座?)以及 manifest 中是否已把资源设为释放模式(runmode=liberate)——这两点直接影响 cover-image 本地图能否被打进正式包。
    • 代码可直接运行,但建议补充 <style>mapStylemapCenterSize 的定义,否则官方复现时需要自行补全。
  2. 是否成立
    知识库明确提示:

    • App-nvue 自 2.1.5 起 cover-image 不再限制嵌套;
    • 若使用本地图片,必须在 manifest.json → app-plus → runmode 设为 "liberate",否则正式包不会把 /static 下的图片释放到本地,导致找不到图。
    • 历史版本曾修复过 nvue image/cover-image 路径及 mode 引起的白屏问题(3.4.6、3.5.3 等),但 4.75 已包含这些修复。

因此,若用户未设置 runmode=liberate,则属于使用问题而非框架 bug;若已设置仍不显示,则可能是路径或打包缓存问题,需要进一步验证。

  1. 建议补充信息

    • manifest.json 中 app-plus 节点配置截图;
    • 正式包的构建方式(云打包/离线打包)及是否开启资源释放;
    • 真机运行时控制台是否出现 404 或 file not found 日志;
    • 把同一张图放到网络地址,测试能否显示,以排除本地路径问题。
  2. 下一步
    请按上述补充信息,确认 manifest 已配置 "runmode":"liberate" 并重新云打包。如仍不显示,请提供控制台日志及复现 demo 项目,我们再进一步定位。

内容为 AI 生成,仅供参考
小杏

小杏 (作者)

确实是没有设置 runmode=liberate

要回复问题请先登录注册