快应用学习

官方文档:https://doc.quickapp.cn/

资源汇总:https://github.com/quickappdev/awesome-quickapp

总结下,最近接触快应用我遇到过的问题

1、最初不熟悉调试,经常会扫码失败

        查看是不是进错了目录/手机和电脑在同一网段/重新build试试

2、运行npm run build ,报错Cannot find module ‘…/webpack.config.js’,

      重新执行一次hap update --force。这是由于高版本的npm在npm install时,会校验并删除了node_modules下部分文件夹,导致报错。而hap update –force会重新复制hap-toolkit文件夹到node_modules中

3、有时候提示我未安装less

        命令:less npm install --save-dev less-loader less

4、

103822_BchE_2261111.png

        重新安装依赖cnpm install

5、端口被占用

        npm run server -- --port 新端口

6、循环的写法,若前面是(index,item) in tabs ,后面引用直接item.data。若前面item in tabs,后面要$item.data

7、手机扫码显示“安装失败”

        查看手机是否设置了代理,关闭试试

8、终端输出问题。用JSON.stringify()解析

104215_2IXj_2261111.png

第一行输出结果是[object Object],这样无法看效果,第二行能解析出来,结果如下

104253_doOs_2261111.png

9、明明写了标签布局,但是结果显示不出来

        查看标签是否有高度,给个高度可以撑起来/没有text标签,字体的无法显示的

10、this指向问题

11、添加静态文件(如图片),要重新build/server,只watch不行

12、实现下图效果

104638_nQtA_2261111.png

快应用中没有定位,可以用stack层级标签加上translate位置属性来实现

13、快应用不支持内联样式里的值动态变化,可以用下列方法解决

104845_xCOY_2261111.png

104855_AqEl_2261111.png

104906_UR4r_2261111.png

感谢某大神教了我两种方法

14、开发者工具hap-toolkit 0.0.32版本一个重要变化

        https://bbs.quickapp.cn/forum.php?mod=viewthread&tid=570&page=1&extra=#pid1701

转载于:https://my.oschina.net/zhangxuman/blog/1822356

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值