- 发布：2022-08-31 17:31
- 更新：2023-10-11 09:55
- 阅读：702
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows11
HBuilderX版本号： 3.5.5
手机系统： 全部
页面类型： vue
vue版本： vue2
打包方式： 离线
项目创建方式： CLI
CLI版本号： 4.5
测试过的手机：
示例代码：
<image src="@/assets/img/demo.png"></image>
<image src="../../assets/img/demo.png"></image>
<image :src="imgUrl"></image>
<image src="@/assets/img/demo.png"></image>
<image src="../../assets/img/demo.png"></image>
<image :src="imgUrl"></image>
操作步骤：
<image src="@/assets/img/demo.png"></image>
<image src="../../assets/img/demo.png"></image>
<image :src="imgUrl"></image>
<image :src="require('../../static/demo.png')"></image>
<image :src="require('@/static/demo.png')"></image>
<image src="@/assets/img/demo.png"></image>
<image src="../../assets/img/demo.png"></image>
<image :src="imgUrl"></image>
<image :src="require('../../static/demo.png')"></image>
<image :src="require('@/static/demo.png')"></image>
预期结果：
能正常显示
能正常显示
实际结果：
没有正常显示
没有正常显示
bug描述：
image标签加载项目本地图片，H5正常显示 iOS Android 显示空白
<image src="@/assets/img/demo.png"></image>
<image src="../../assets/img/demo.png"></image>
<image :src="imgUrl"></image>
<image :src="require('../../static/demo.png')"></image>
<image :src="require('@/static/demo.png')"></image>
修改manifest.json，在app-plus 节点下增加如下配置： "runmode" : "liberate" 以上几种方式加载图片方式，一种修改配置，一共四种方式全部都测试过，但是结果都一样
---- H5显示征程 iOS Android 显示空白
- ps: https://ask.dcloud.net.cn/article/35056 社区类似的帖子
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
放在static目录里，或者直接传绝对路径
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
先升级HBuilderX到最新版本吧。。在static的话，目录找对应该是没问题
-
HBuilderX 已经更新到了最新版本：3.8.12.20230817
写法如下三种方式都试过：
<image src="/static/logo.png" class="grid-image"></image>
<image src="../../static/logo.png" class="grid-image"></image>
<image :src="'@/static/logo.png'" class="grid-image"></image>
运行到iOS 基座上不显示图片。运行到浏览器没问题。2023-10-11 09:38
h***@163.com (作者)
试过了 ，没有效果
2022-09-01 11:00