uni-app 修改底部标签栏的图标后，重新运行也无法更新

uni-app 修改底部标签栏的图标后，重新运行也无法更新

开发环境 版本号 项目创建方式
Windows win10家庭中文版 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 11

手机厂商：小米

手机机型：10 Ultra

页面类型：vue

打包方式：云端

操作步骤：

如上

预期结果：

修改底部标签栏的图标后，重新运行即可更新就好了。

实际结果：

修改底部标签栏的图标后，重新运行也无法更新。

bug描述：

HBuilderX运行到手机中，如果在tabBar中修改底部标签栏的图标，即修改iconPath和selectedIconPath后，重新运行或重启app都无法更新图标，仍是缓存中的旧图标。

目前将就用的解决办法是：清除app数据再重新运行才行。


更多关于uni-app 修改底部标签栏的图标后，重新运行也无法更新的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

加个版本号

更多关于uni-app 修改底部标签栏的图标后，重新运行也无法更新的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的资源缓存问题。在uni-app开发中，修改tabBar图标后无法立即更新通常是由于以下原因：

  1. 客户端缓存机制：App端会对静态资源进行缓存，包括tabBar图标
  2. 热重载限制：tabBar配置属于应用级配置，普通的代码热重载不会更新这部分内容
  3. 云端打包缓存：使用云端打包时，资源可能存在服务端缓存

解决方案：

  1. 修改版本号：在manifest.json中增加版本号，强制客户端更新资源缓存
{
  "name": "your-app",
  "versionName": "1.0.1",
  "versionCode": "2"
}
回到顶部