uni-app APP端图片资源加载异常问题

uni-app APP端图片资源加载异常问题

项目属性 值
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.45
手机系统 Android
手机系统版本号 Android 15
手机厂商 redme
手机机型 k60
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

两个月以前这些地方都没问题，只有这几天开始出现问题，无论怎样改都存在

预期结果：

渲染图片

实际结果：

未正常渲染

bug描述：

<view class="photovoltaic">  
    <u-image src="../../static/icon/home_photovoltaic.png" width="60rpx" height="46rpx"></u-image>  
</view>
```
在PC端H5运行都是正常的，只有APP上无论是在线运行还是云打包后的APP包部分图片资源都是空白或者显示undefined

![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/0f42922ebec51bc3d3eedda38d567faf.png)
![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/17b05a0091fa14129b149272702e7391.jpg)
![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/a23e5bb8fd707a6cf2f48c69b5e60e98.png)
![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/b5706316acc2c0b112cf582875f964d7.jpg)
![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/9ceba11b1e0d52a50d7156bfa37fc7e7.png)
![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250305/2e75e3bdc048fd340ae42140b6d1427c.jpg)

更多关于uni-app APP端图片资源加载异常问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

是不是使用了阿里的图标库

更多关于uni-app APP端图片资源加载异常问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你用的是uViewUI的image组件，你用原生image标签试试 uniapp的 img会出现你这个问题，但是image标签就不会有这个问题

同问，原生的image标签也出不来，官方bug吗？

这是一个典型的uni-app APP端图片资源加载问题，可能的原因和解决方案如下：

  1. 静态资源路径问题：
  • 请确保图片实际存在于static目录下
  • 尝试修改路径为绝对路径：/static/icon/home_photovoltaic.png
  1. 图片格式问题：
  • 检查图片是否损坏，尝试替换为其他图片测试
  • 确认图片扩展名与实际格式匹配
  1. u-image组件问题：
  • 尝试改用原生image组件测试：
<image src="../../static/icon/home_photovoltaic.png" style="width:60rpx;height:46rpx"></image>
回到顶部