记录uniapp打包app过程以及遇到的空白问题
记录一下我第一次开发uniapp项目打包并发布app!!
首先说说遇到的问题
1.云打包app后 打开app页面空白问题
解决方法: 这时候我们就需要真机调试一手,这里我选择的是夜神模拟器。
夜神模拟器下载地址: http:// https://www.yeshen.com/
接着在我们的HBuilder X中顶部操作栏中选中 工具->设置->运行配置
和我一样配置一下 夜神模拟器默认端口是62001
接着在目录下直接 cmd进入终端 执行下面两行代码
nox_adb connect 127.0.0.1:62001
nox_adb devices
执行前记得先把夜神启动起来哟
紧接着回到我们的Hbuilder 在操作栏找到 运行->运行到手机或者模拟器->运行到安卓基座
选中我们就可以开始调试啦 如果这里没有出现的话请关闭Hbuilder重新打开就好啦
在运行的时候 我这里报了个错 这个错是导致我页面空白的错误xception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot set property 'onpopstate' of undefined 我就搜索了一下 onpopstate
解释一下 这段代码在h5上是可以正常运行的 但是这段代码在uni-app真机调试时报错的原因是
window
对象在移动端的uni-app中不存在,因为uni-app是基于WebView来运行的所以会报错 我们把它注释掉 因为在app中咱们也不用担心用户没有登录 通过地址栏跳转页面的这种情况。上面是我遇到的问题 每个人遇到的问题不一样 看工作台报错处理好就行
2.接下来我们来分享打包成app的详细流程
首先 如果你们在真机调试上面 已经可以正常运行没有问题的话 我们就可以执行接下来的打包操作啦
我们在Hbuilder操作栏中 找到发行 选择原生App-云打包
直接打包
这样就打包完成了 是不是很简单
打包完成后你的目录会生成一个unpackage文件夹 下面会有一个apk文件夹 里面就是apk的包,我们把他安装到手机上就可以啦。
还有待完善功能 做的简单勿喷 这只是测试!!! 希望这点小记录可以帮助到大家
更多推荐
所有评论(0)