uni-app 最新稳定版本3.2.9 发行本地包 本地图片不显示

uni-app 最新稳定版本3.2.9 发行本地包 本地图片不显示

项目 信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.2.9
手机系统 全部
页面类型 vue
打包方式 离线
项目创建方式 HBuilderX

测试过的手机:

安卓和IOS

示例代码:

1

操作步骤:

1

预期结果:

1

实际结果:

1

bug描述:

在hbuilderX 上面运行没有问题,但发布出来以后放在离线打包APP上面就会出现本地图片不显示的问题

底部的图片都没有显示出来


更多关于uni-app 最新稳定版本3.2.9 发行本地包 本地图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

2021年09月27日发布——HBuilderX(3.2.9.20210927) 这个直接下载运行的 我运行的环境是VUE3

更多关于uni-app 最新稳定版本3.2.9 发行本地包 本地图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


找到问题了,hbuilder发布本地包的时候资源没有全部打进去,导致有一些图片缺失,发布的问题

在uni-app 3.2.9版本中,本地图片在离线打包后不显示的问题,通常是由于图片路径处理或资源打包配置导致的。以下是可能的原因及解决方案:

  1. 图片路径问题:确保在代码中使用正确的相对路径或绝对路径。在离线打包时,建议使用绝对路径,例如 /static/logo.png,并确保图片文件位于项目的 static 目录下。

  2. 资源未正确打包:检查离线打包配置,确保 manifest.json 中的 app-plus 部分正确配置了资源路径。例如:

    "app-plus": {
      "distribute": {
        "android": {
          "permissions": ["<uses-permission android:name=\"android.permission.INTERNET\"/>"]
        }
      }
    }
    
  3. 图片格式和大小:确认图片格式(如PNG、JPEG)是否受支持,并检查图片文件是否损坏。过大的图片可能导致加载失败,建议压缩或调整尺寸。

  4. 缓存问题:清理项目缓存并重新打包。在HBuilderX中,尝试运行 菜单 -> 发行 -> 原生App-本地打包,并勾选“重新编译项目”。

  5. 权限配置:在Android平台上,确保 AndroidManifest.xml 中已添加存储权限(如果需要访问本地文件):

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
回到顶部