uniapp 底部导航栏tabBar设置后不显示的问题——已解决

uniapp 底部导航栏tabBar设置后不显示的问题------已解决

网上找了一堆解决办法,挨个对着试吧

解决办法一:tabBar里的list第一项和page中的第一项要相同,确实就能显示了。但是问题来了,page中的第一项是入口页,那就意味着tabBar的第一项一定必须是首页(入口页)

解决办法二:单词写错了, "tabBar" 写成 "tabbar"

解决办法三:tabbar里的list里面的页面必须在pages里面也要有!!!

解决办法四: path , pagePath必须一模一样一模一样

解决办法五: 把tabBar中list的第一项改为pages中第一项相同的页面,问题才解决

解决办法六: tabBar和globalStyle是同一级的,千万不要把tabBar放在globalStyle里面去了

解决办法七: 改完之后记得重新运行!!!!重新运行!!!!重新运行·!!!!这很重要 不要点模拟器上边的重新加载 那没用 要点代码下方终端里面的重新运行

解决办法八:控制台执行 npm run dev:h5 启动运行的

最直接有效的办法:如果上面的办法都解决不了,就只能删除Hbuildx,重新下载一个新版本安装,重新运行就正常了!!!!最后我就是这么解决的!!!

相关推荐
RuoyiOffice6 小时前
SpringBoot+Vue3 实现 OA 公文外来文与归档台账:外部收文、BPM办理、三类公文统一归档
spring boot·微服务·uni-app·vue·ruoyi·anti-design-vue·ruoyioffice
云起SAAS1 天前
私域直播系统UniApp源码 多商户商城+直播带货 微信小程序+H5+安卓iOS
android·微信小程序·uni-app·私域直播系统
专科3年的修炼3 天前
uni-app移动应用开发第四章
开发语言·javascript·uni-app
q5507071773 天前
uniapp/uniappx实现原生图片编辑涂鸦、贴图、滤镜、旋转、裁剪等
uni-app
计算机学姐4 天前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
2501_915921434 天前
HTTPS前端劫持 新一代流量劫持解决方案
前端·网络协议·ios·小程序·https·uni-app·iphone
爱怪笑的小杰杰4 天前
优化 UniApp 日历组件的多语言切换:告别 setLocale 引起的 App 重启
java·前端·uni-app
计算机学姐4 天前
基于微信小程序的宠物服务系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·微信小程序·uni-app·宠物
2501_915909064 天前
iOS应用签名的三种方法全解析:从官方到第三方工具
android·ios·小程序·https·uni-app·iphone·webview
心中无石马5 天前
uniapp引入tailwindcss4.x
前端·css·uni-app