最近公司需要短期上一个小程序、App的demo去给客户看,这光荣而伟大的任务就这样落在了我的手上。
第一时间想到的就是uniapp,总是听外面忽悠这东西一套代码多端运行,我就也想试一试。说干就干,用了两三天时间把页面怼完后在 微信开发者工具 上一路通畅,别提有多爽了。结果倒霉的事儿才刚刚开始……
当我把功能页开发完毕并核实完后,我链接手机打算看一看效果。哦吼,白屏。我新买的小米10这么菜的?反复折腾了一下…原来是没放开 USB允许安装应用 的权限。我就开开继续,结果…还是白屏。我就怀疑是不是我代码有问题,又返回页面查看结果好好地,但是一打包就报错。我木了啊。
这什么*东西……
搜出来的全是什么
没写 export default {}
什么什么的。
当时我就怀疑vant-weapp是不是只能在小程序上用?但是查了说是可以做app的。逛着逛着就逛到了vant-weapp的一个示例demo。搞下来发现,居然能打包!本来就不咋滴,还从低端码农到连连看找不同的智障……自己都开始心疼自己了。接下来我发现了个惊天大幂幂!(肯定有大佬早就知道了,又或者我是旁门左道的方法)
- 微信小程序:引用vant-weapp必须在 pages.json 的 usingComponents 里 去引。不然就给你报错。
- 打包App:引用vant-weapp千万别在usingComponents 引。不然也给你报错。pages跳转的第一页尽量不要用组件,否则可能会报错。
千言万语汇做两个字:真坑!
如果有更漂亮的写法欢迎来讨论,让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。