Quikapp快应用【小程序】开发入门教程二

magic
2019-07-08 / 0 评论 / 2,207 阅读 / 正在检测是否收录...

[Quikapp快应用【小程序】开发入门教程二] 调试器入门

1. 安装调试器

简书新规则不能有二维码,这个地方是一张运行起来内网的二维码图片

上一篇讲到二维码,显示出来后,手机应该安装调试器,教程网址

https://doc.quickapp.cn/tools/debugging-tools.html

2.扫描二维码

image

遇到问题1: 扫描后手机没反应,用另外一台华为手机扫描没问题。

解决方法:手机重新安装调试器,重启手机

遇到问题2:使用实时编译,报错,错误1:npm run watch 命令执行后提示错误 ,错误2:命令执行成功,手机调试器提示安装失败。

错误一:解决办法暂时没找到,过了几天,没动。命令就执行成功了,本环境为MAC。

错误二:最终找到原因,这里需要2个进程,单独执行npm run watch 是没效果的,需要把npm run server 也执行起来。

错误二提示截图:

image

3.成功实现自动刷新调试

npm run watch

解决调试问题,接下来就可以具体开发应用了。 这里目前有个神奇的问题是chrome浏览器中的devtools工具 是否显示需要看运气的,而且只支持chrome,我执行了好多次运行命令npm run server 只有一次弹出了调试地址。

http://192.168.1.38:12306/inspector/inspector.html?ws=192.168.1.43:42717/inspector&remoteFrontend=true&dockSide=undocked, 如果能拿到浏览器的调试地址,到这里就可以实现手机、电脑同步调试了。

image

22

评论 (0)

取消