uniapp常用打包记录【h5、app(基座)、wx小程序】

h5打包

打包前配置

开始打包

打包成功

h5打包之后,如果用的unicloud开发,可以直接上传到“前端网页托管”,然后系统会有个默认域名,我们就可以实现公网访问了


h5的调试工具“vConsole”

参考: (160条消息) vue3 移动端调试工具vconsole和eruda 及其两种使用方式_vconsole包_Arrow.Light的博客-CSDN博客
//附上代码
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

app打包

详情文章可参考:
(158条消息) 【uniapp小程序】—— APP项目云打包(安卓)_uniapp打包_不苒的博客-CSDN博客
http://t.csdn.cn/cWVqY

打包前配置

打包;我用的unicloud开发,所以选的是云打包


这表示人太多,等待下就好了


打包成功

下载到手机 运行app


问题:uni-app打包安卓时,打包完只显示底部导航栏,页面内容是空白的

解决:开启基座调试,查看问题

调试发现控制台报:Uncaught ReferenceError: Cannot access 'trees' before initialization

于是我就在uniapp中搜索“trees”,反正是uview中定义的UI组件,删除ui组件后,重启基座,然后就运行成功了

如何开启基座调试:

  •  自定义基座

  •  定义基座成功。会先创建云端证书,如下如,然后进行打包

  •  如果显示未找到设备,就下载一个手机模拟器并打开,然后刷新就行了

  •  基座调试,点击那个小虫子即可开启


wx打包

打包前配置

点击打包

上传成功


遇到的问题: http://127.0.0.1:7001 不在以下 request 合法域名列表中 || request 合法域名校验出错 || 连接本地调试服务失败,请检查客户端是否和主机在同一局域网下

解决:

首页看官方

可以得知,如果我们当时HBuild中选的是运行,然后在微信中在点击上传,那么项目第一次会默认请求本地服务,所有就会报上面的错了。请务必在HBuilderX内使用发行菜单。

ReferenceError: _t40 is not defined || ReferenceError: _s30 is not defined

将es6转为es5取消掉即可


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

来自湖南的阿晨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值