在 Taro 4.1.6 的 H5 模式下，tabBar 配置的 iconPath 路径会被错误处理

[yxleung]

请先确认

• 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关领域

H5 组件库

使用框架

React

相关平台

• 所有平台
• Web 端（H5）
• 移动端（React-Native）
• 鸿蒙（Harmony）
• 鸿蒙容器（Harmony Hybrid）
• ASCF 元服务
• 快应用（QuickApp）
• 所有小程序
• 微信小程序
• 企业微信小程序
• 京东小程序
• 百度小程序
• 支付宝小程序
• 支付宝 IOT 小程序
• 头条小程序
• QQ 小程序
• 钉钉小程序
• 飞书小程序
• 快手小程序

小程序基础库版本

No response

问题描述

Bug Report: H5 模式下 tabBar iconPath 路径缺少首字母，导致路径错误，资源加载404

问题描述

在 Taro 4.1.6 的 H5 模式下，tabBar 配置的 iconPath 路径会被错误处理，
assets/icons/home.png 被处理成 ssets/icons/home.png，缺少首字母 'a'。

复现步骤

1. 创建 Taro 项目
2. 在 app.config.ts 中配置 tabBar，iconPath 设置为 assets/icons/xxx.png
3. 运行 npm run dev:h5
4. 在浏览器开发者工具中查看 HTML，发现路径变成 ssets/icons/xxx.png

环境信息

• Taro 版本: 4.1.6
• Node.js 版本: [v24.7.0]
• 操作系统: macOS
• 浏览器: [chrome]

临时解决方案

将 iconPath 改为 aassets/icons/xxx.png 双写多一个首字母,可以规避这个问题。

复现链接

https://github.com/NervJS/taro

复现步骤

1. 创建 Taro 项目
2. 在 app.config.ts 中配置 tabBar，iconPath 设置为 assets/icons/xxx.png
3. 运行 npm run dev:h5
4. 在浏览器开发者工具中查看 HTML，发现路径变成 ssets/icons/xxx.png

环境信息

- Taro 版本: 4.1.6
- Node.js 版本: [v24.7.0]
- 操作系统: macOS
- 浏览器: [chrome]

开源贡献

• 我愿意修复这个错误。请参考 (贡献指南)

[cs-yang]

我用的4.14，是正常的