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

h5打包

打包前配置

uniapp常用打包记录【h5、app(基座)、wx小程序】_第1张图片

开始打包

uniapp常用打包记录【h5、app(基座)、wx小程序】_第2张图片
uniapp常用打包记录【h5、app(基座)、wx小程序】_第3张图片

打包成功

uniapp常用打包记录【h5、app(基座)、wx小程序】_第4张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第5张图片

h5的调试工具“vConsole”

参考: (160条消息) vue3 移动端调试工具vconsole和eruda 及其两种使用方式_vconsole包_Arrow.Light的博客-CSDN博客
uniapp常用打包记录【h5、app(基座)、wx小程序】_第6张图片
uniapp常用打包记录【h5、app(基座)、wx小程序】_第7张图片
//附上代码


app打包

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

打包前配置

uniapp常用打包记录【h5、app(基座)、wx小程序】_第8张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第9张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第10张图片

打包成功

uniapp常用打包记录【h5、app(基座)、wx小程序】_第11张图片

下载到手机 运行app

uniapp常用打包记录【h5、app(基座)、wx小程序】_第12张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第13张图片

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

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

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

如何开启基座调试:

  •  自定义基座

uniapp常用打包记录【h5、app(基座)、wx小程序】_第14张图片

uniapp常用打包记录【h5、app(基座)、wx小程序】_第15张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第16张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第17张图片

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

uniapp常用打包记录【h5、app(基座)、wx小程序】_第18张图片


wx打包

打包前配置

uniapp常用打包记录【h5、app(基座)、wx小程序】_第19张图片

点击打包

uniapp常用打包记录【h5、app(基座)、wx小程序】_第20张图片
uniapp常用打包记录【h5、app(基座)、wx小程序】_第21张图片

上传成功

uniapp常用打包记录【h5、app(基座)、wx小程序】_第22张图片

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

解决:

首页看官方

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

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

将es6转为es5取消掉即可


你可能感兴趣的:(uniapp全栈,前端,uni-app)