uniapp 运行在模拟器上无法显示内容（能显示tabbar，但内容无显示）

最新推荐文章于 2024-07-31 08:57:37 发布
最新推荐文章于 2024-07-31 08:57:37 发布
阅读量3.6k 收藏 2
点赞数
分类专栏： uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Admin_yws/article/details/108533333
版权

问题描述：将uniapp程序运行到雷电模拟器上时，除tabbar能显示，其余内容均不可显示。

问题解决：安装一个mumu模拟器即可

问题原因：模拟器不支持X86 CPU

ps: mumu模拟器安装后，在Settings.json中设置Android模拟器端口 7555即可

新津之虎--曹达华
关注
专栏目录
uni-app菜单tabbar（十四）
A_nanda的博客
06-28 343
原生tabBar是相对固定的配置方式，可能无法满足所有场景，这就涉及到自定义tabBar。但注意除了H5端，自定义tabBar的性能体验会低于原生tabBar。App和小程序端非必要不要自定义。H5端的自定义tabBar组件：H5端不存在原生tabBar性能更高的概念，并且宽屏下常见的tabBar在顶部而不是底部，此时可以使用custom-tab-bar组件来自定义普通自定义tabBar：使用view自行绘制tabBar。如果页面是多页方式，切换tabBar将无法保持底部tabBar一直显示。
uni-app运行到安卓模拟器白屏问题
by_Ftao的博客
06-28 735
1.如果是首次加载白屏,二次编译正常的情况,可能是pages.json里设置的第一项(应用启动页)有问题,可以更换测试下.如果出现如上情况,建议升级下HBuilderX版本后再启动App]2.cpu模式选择不对,uni-app官网给出的说明;3.出现SDK与cli版本不匹配。
uniapp设置好TabBar,显示编译成功后，点击其他TabBar无法显示看见在页面的编辑的文本内容。
m0_73034508的博客
09-14 1602
uniapp设置好TabBar,在编辑器中把各个页面输入一些简单的文本内容后保存显示编译成功后，在小程序模拟器中点击其他TabBar无法显示看见在页面的编辑的文本内容。
uniapp image图片显示问题
最新发布
qq_56144522的博客
07-31 1042
1.起初是认为在uniapp开发wx小程序是不允许采用加载本地资源的问题，发现可以在css样式中引入通过background-image：url（）中可以显示出来问题，但是通过image去引入就发现图片显示不出来，报 “图片不能从本地加载”error。*在UniApp中，相对路径的解析也会受到框架的影响，因为UniApp将代码编译成小程序代码时可能会进行一些路径的转换。在小程序中，相对路径的解析可能会受到文件结构的影响，确保相对路径的正确性。在UniApp的项目结构中，将图片文件放在特定的目录（如。
解决uni-app真机基座调试,安卓和H5运行正常,唯独Iphone手机,界面只显示tabbar,其它都是空白问题!
lcs17700082113的博客
01-07 3315
解决uni-app真机基座调试,安卓和H5运行正常,唯独Iphone手机,界面只显示tabbar,其它都是空白问题! 话不多说，先上图， ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210107104040610.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xjczE3NzAwMDgyMTEz,size_
uniapp真机（安卓）调试白屏，只看得见tab
qq_43112808的博客
03-15 1536
这张图片是我刚刚用手机调试的，之前是直接云打包，然后手机安装app，现在是连接手机基座，然后爆了这个错误，大概的意思是：无法读取未定义的属性“userAgent”。但是我没定义‘userAgent’属性，我查了一下代码，userAgent是我调试之后，在‘unpackage’文件夹中生成的，所以很无奈，求解下各位帅哥美女，哥哥姐姐，大学生真心求解。
uni-app控制台显示项目编译成功，但模拟器没有反应
mrliucx的博客
07-28 3518
uni-app控制台显示项目编译成功，但模拟器没有反应 1. 查看运行文件文件目录是否正确 2. 查看模拟器的端口是否正确 3. 如果模拟器中已有安装过的旧版本，先进行卸载，重启HBuilder以及模拟器，重新运行项目到对应的模拟器即可 ...
使用uniapp开发的app项目运行在谷歌浏览器上正常显示，但是运行在模拟器上时，字体颜色不正常显示了
BarryYang0930的博客
08-18 1440
使用uniapp开发的app项目运行在谷歌浏览器上正常显示，但是运行在模拟器上时，字体颜色不正常显示了 原因：个人认为是css的兼容性问题 解决办法：当使用类选择器设置的字体颜色在模拟器上不正常显示时，可以不通过css的选择器来写样式，可以直接把样式写在结构上。例如：style=“color:#4cd964;”。 ...
解决uniapp的tabBar不显示问题
qq_33756292的博客
04-27 2890
我用的是vue3开发的uniapp，参照官方文档在pages.json页面添加了tabBar节点，但是不管怎么刷新页面都不显示tabBar栏。由于我是控制台执行 npm run dev:h5 启动运行的，关掉cmd窗口，重新运行 npm run dev:h5，刷新页面就看到了。
uniapp之tabBar/页面切换
yanghongyan001的博客
03-04 9695
1.uniapp项目在微信小程序中打开 （1）运行—运行到小程序模拟器—运行设置 （2）复制微信发开发者路径 （3）运行—运行到小程序模拟器—微信开发者工具(W)-[hello]（开启第一项） （4）进入微信开发者工具 （5）再次进入HBX，运行------运行到小程序模拟器—微信开发者工具(W)-[hello] 此时微信开发者工具里就有了uniapp项目 2.uniapp项目实现切换页面 ...
uni-app-tabbar:uni-app底部初步实现（不支持小程序）
03-19
4. **真机调试**：由于uni-app的部分特性可能在模拟器中无法完全体现，因此在开发过程中建议使用真机进行调试，以确保在不同设备上的表现一致。 5. **动态更新TabBar**：如果需要在运行时改变TabBar的状态，可以...
uniapp小总结
m0_64437165的博客
06-20 124
在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到手机或模拟器 -> 选择调式的手机。运行项目首先在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行。
2022-09-04 uni-app学习笔记(一) uniapp介绍,下载,创建并运行一个uniapp项目,uniapp打包步骤,uniapp项目文件介绍
GAARA
09-04 198
1.uniapp介绍 2.如何创建并运行一个uni-app项目? 3.如何在HBuliderX中运行uniapp项目到微信小程序模拟器? step1:配置微信小程序路径 step2:打开微信开发者工具,设置>安全设置>打开服务端口 step3:打开HbuilderX进入项目，运行>运行到小程序模拟器>微信开发者工具 4.如何给uni-app浏览器配置google运行环境 step1:找到自己电脑上的IPv4地址:控制中心>所有控制面板>网络和共享中心>连接>IPv4 step2:创建uniapp项目根目
Uniapp 默认demo安装到手机里启动只能看得到底tab无法看到加载内容解决方案
子冉冰清的博客
06-30 629
执行完以后重启HBuider，再次打包运行，
uniapp：打包后手机无法获取位置信息
1111111111
05-14 2638
问题 我在项目测试的时候，使用uniapp真机调试的时候明明可以获取到位置信息，但是在打包后却没有办法拿到位置信息。后来才知道是因为在真机调试的时候，uniapp自带了高德的SDK能够获取位置信息。 解决： 第一步， 我是用的是高德地图，所以先去高德地图开发者平台给应用申请key。 https://lbs.amap.com/ 点击右上角的控制台 --> 应用管理 -->我的应用 -->创建应用。 PackageName，就是在HBuilder里打包时的Android包名。
解决uniapp调试时，浏览器调试正常但真机调试有底部空白tabbar的问题
qq_39210364的博客
06-10 440
在自定义导航栏页面，页面开始时使用uniapp原生方法：uni.hideTabBar()
记录一个uni-app运行在Hbuildx中黑屏的问题
weixin_59930636的博客
05-23 1123
解决方法：请查看manifest.json中是否有以下图片的的配置，如有去掉即可 具体原因不是很清楚，我的是这么解决的
uniapp调试 未检测到手机或模拟器
A_Brave的博客
10-29 4286
1. 打开HBuilder X安装目录，找到adbs目录 2. 把1.0.31里面的文件复制一份，粘贴覆盖adb目录下的文件 覆盖前可以先备份一下除文件夹以外adb里面的文件 3. 重启HBuilder X和编辑器 重启之后点击要运行的项目，运行查看（刚重启之后建议稍等一下，检测设备会有延迟） ...
uniapp中手机端app如何观察console.log
qq_41791604的博客
06-07 5609
很多手机移动端并不能呼出开发者工具后观察控制台，但是当使用hbuilder运行基座调试时，可以在运行的terminal中观察到出现了console.log的打印信息。有过web开发经验的小伙伴都知道右键【菜单】后，点击【检查】，即可呼出开发者工具，在【控制台】一栏即可观察到JS代码对应输出打印的console.log。
uniapp需要在没有tabbar的页面上显示tabbar，该怎么实现
05-29
可以在没有tabbar的页面上使用自定义导航栏的方式来实现该功能。具体实现步骤如下： 1. 在 App.vue 中定义一个自定义导航栏组件，该组件包含 tabbar 和自定义导航栏两部分。 2. 在需要显示tabbar的页面中引入该自定义导航栏组件，并设置 showTabbar 属性为 true，表示显示 tabbar。 3. 在不需要显示tabbar的页面中引入该自定义导航栏组件，并设置 showTabbar 属性为 false，表示隐藏 tabbar。 4. 在自定义导航栏组件中根据 showTabbar 属性的值来判断是否显示 tabbar。 下面是一个简单的示例代码： App.vue ``` <template> <div> <custom-navbar :showTabbar="showTabbar"></custom-navbar> <router-view></router-view> </div> </template> <script> import CustomNavbar from '@/components/CustomNavbar' export default { components: { CustomNavbar }, data () { return { showTabbar: true // 默认显示 tabbar } } } </script> ``` CustomNavbar.vue ``` <template> <div> <div v-if="showTabbar">Tabbar</div> <div>Custom Navbar</div> </div> </template> <script> export default { props: { showTabbar: { type: Boolean, default: false } } } </script> ``` 在需要显示tabbar的页面中： ``` <template> <div> ... </div> </template> <script> export default { data () { return { showTabbar: true // 显示 tabbar } } } </script> ``` 在不需要显示tabbar的页面中： ``` <template> <div> ... </div> </template> <script> export default { data () { return { showTabbar: false // 隐藏 tabbar } } } </script> ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值