uni-app 真机上运行本地图片加载不出来

uni-app 真机上运行本地图片加载不出来

开发环境 版本号 项目创建方式
Windows windows10 64位 HBuilderX

操作步骤：

<view class="list">
<image src="../../static/images/people-num.png">
</image>
<input type="text" placeholder="请输入账号" v-model="username">
</view>

预期结果：

  • 显示图片

实际结果：

  • 加载不出

bug描述：

平板上运行项目本地图片都不会加载出来 但是在另外一台电脑上运行就可以加载出来 app开发对电脑配置有要求？


更多关于uni-app 真机上运行本地图片加载不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 真机上运行本地图片加载不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据你的描述，问题很可能出在图片路径或构建配置上，而不是电脑配置。uni-app 对电脑配置没有特殊要求。

可能的原因和解决方案：

  1. 路径问题：确保图片确实存在于 static/images/people-num.png。在 HBuilderX 中，static 目录是静态资源目录，打包时会原封不动地复制到项目中。请检查文件名和扩展名是否完全匹配（包括大小写）。

  2. 路径写法：在 <image> 标签中，可以尝试以下写法：

    <!-- 使用绝对路径（推荐） -->
<image src="/static/images/people-num.png"></image>

<!-- 或使用相对路径，但确保路径正确 -->
<image src="../../static/images/people-num.png"></image>
回到顶部