【taro4.1.7】 Vite编译下，自定义tabbar不显示，webpack编译没问题，如何解决？官方issue修复比较慢

[huangmingfu]

Taro 版本

v4

使用框架

React

相关平台

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

问题描述

taro init myApp 创建的 vite + react18 模板项目，微信小程序端，无法正常显示tabbar页面。

复现链接

https://github.com/huangmingfu/taro-demo

复现步骤

1. 分别进入vite和webpack文件夹，pnpm i
2. pnpm dev:weapp
3. 运行 vite 和 webpack 的项目，vite 无法正常显示tabbar，都是通过taro init myApp 创建的模板项目

环境信息

👽 Taro v4.1.7


  Taro CLI 4.1.7 environment info:
    System:
      OS: Windows 11 10.0.22631
    Binaries:
      Node: 22.19.0 - F:\nvm\nodejs\node.EXE
      Yarn: 1.22.22 - F:\nvm\nodejs\yarn.CMD
      npm: 10.9.3 - F:\nvm\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.1.7 => 4.1.7
      @tarojs/components: 4.1.7 => 4.1.7
      @tarojs/helper: 4.1.7 => 4.1.7
      @tarojs/plugin-framework-react: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-alipay: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-h5: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-harmony-hybrid: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-jd: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-qq: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-swan: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-tt: 4.1.7 => 4.1.7
      @tarojs/plugin-platform-weapp: 4.1.7 => 4.1.7
      @tarojs/react: 4.1.7 => 4.1.7
      @tarojs/runtime: 4.1.7 => 4.1.7
      @tarojs/shared: 4.1.7 => 4.1.7
      @tarojs/taro: 4.1.7 => 4.1.7
      @tarojs/vite-runner: 4.1.7 => 4.1.7
      @tarojs/webpack5-runner: 4.1.7 => 4.1.7
      babel-preset-taro: 4.1.7 => 4.1.7
      eslint-config-taro: 4.1.7 => 4.1.7
      react: ^18.0.0 => 18.3.1