Hbuilder真机运行显示空白的问题

在用Hbuilder开发vue app的时候想用真机运行测试一下项目,便于做出调整,

1.在电脑上下载驱动,因为我的手机是华为所以我下载了华为手机助手

2.在手机上打开设置=>系统=>关于手机=>连点7-8次版本号,打开开发者人员选项,选择usb调试

3.链接手机和电脑

4. 打开Hbuilder 编辑器选择app项目按照下图操作

5.在运行真机调试的时候就出现了问题,这是手机上是一片空白,.vue页面加载不出来,在编辑器上也报出如图提示

6.经过一番查资料用不同的设备测试发现,手机上其实是有加载index.html页面的,只是.vue页面没有加载进来

7.真机运行只加载html文件,那么我们就只能执行npm run build 命令获得dist文件夹,这是我们就用这个文件夹真机运行,结果真的可以成功,只是这样每一次修改都要执行一下npm run build命令有些麻烦

Hbuilder真机运行显示空白的问题相关推荐

Hbuilder 真机运行显示未受信任的解决方法（ios）
Hbuilder 真机运行显示未受信任的解决方法(ios) 参考文章: (1)Hbuilder 真机运行显示未受信任的解决方法(ios) (2)https://www.cnblogs.com/wenx ...
android h 系统找不到指定路径,Hbuilder真机运行安卓机找不到设备及找到设备后提示手机未安装android_base.apk问题解决办法-Go语言中文社区...
本人第一次使用HBuilder联安卓机调试自己写的demo,遇到了一些棘手的问题,解决后把它记录下来希望能帮助刚进入这一领域的新手解决遇到的相同问题问题描述1:使用HBuilder开发工具新建一个 ...
Hbuilder真机运行安卓机找不到设备及找到设备后提示手机未安装android_base.apk问题解决办法
本人第一次使用HBuilder联安卓机调试自己写的demo,遇到了一些棘手的问题,解决后把它记录下来希望能帮助刚进入这一领域的新手解决遇到的相同问题问题描述1:使用HBuilder开发工具新建一个 ...
HBuilder/HBuilderX真机运行、手机运行、真机联调常见问题
** 前言 ** 请首先保证iTunes或Android手机助手(如360手机助手)可以正常连接手机,如果仍有问题请查阅以下问题是否与自己遇到的情况相同特别注意**: iOS13真机运行,需要升级至 ...
真机运行、手机运行、真机联调常见问题
原文地址:http://ask.dcloud.net.cn/article/97 请首先保证iTunes或Android手机助手(如360手机助手)可以正常连接手机,如果仍有问题请查阅以下问题是否与自 ...
hbuilder创建app并利用真机运行调试
目前开发app有原生开发和web开发两种方式,各有各的优势和劣势,利用web技术开发app可以只用写一套代码,即可以在Android和ios同时应用,比较方便和快捷,有很多中不同的开发方式,例如cor ...
HBuilder如何在真机运行
一.准备工作数据线.手机.电脑二.真机运行 1.数据线连接电脑 2.根据提示USB连接----> 选择管理文件(否则页面不会更新) 3.以下为进入开发者模式(vivo手机为例) 设置-> ...
Appium真机运行Device Name获取方法
转自https://blog.csdn.net/maryshine/article/details/52248389 开始接触Appium的时候,看网上的经验帖子一般都是用模拟器运行,但是模拟器运行的 ...
ios 真机运行：The app ID cannot be registered to your development team
问题背景: 我的mac笔记本总是空间不足,我就按网上的删掉了很多library下xcode相关的库,居然腾出60多G,过了一个月后,我需要再次调试时,发现之前能在真机上跑的app,跑不了了,报错如下: ...

Hbuilder真机运行显示空白的问题

Hbuilder真机运行显示空白的问题相关推荐

最新文章

热门文章