时间: 2020-08-23|28次围观|0 条评论

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

1. 安装调试器

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

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

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

2.扫描二维码

Quikapp快应用【小程序】开发入门教程二插图1
image

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

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

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

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

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

错误二提示截图:

Quikapp快应用【小程序】开发入门教程二插图2
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, 如果能拿到浏览器的调试地址,到这里就可以实现手机、电脑同步调试了。

Quikapp快应用【小程序】开发入门教程二插图3
image

文章转载于:https://www.jianshu.com/p/289f31845305

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《Quikapp快应用【小程序】开发入门教程二
   

还没有人抢沙发呢~