HBuilderX 打包出来的APP白屏

最新推荐文章于 2024-09-04 15:41:59 发布
最新推荐文章于 2024-09-04 15:41:59 发布
阅读量7.8k 收藏 2
点赞数 2
分类专栏： 基础 文章标签： app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39306992/article/details/105095114
版权
本文解决打开APK出现白屏的问题，原因在于打包时未添加OAuth模块。通过在manifest.json中找到OAuth（登录鉴权）并重新打包下载，可避免白屏和错误报告。通常，APP开发需确保包含Share和OAuth模块。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

打开apk之后弹出框，提醒打包时未添加oauth模块。参考文档
在这里插入图片描述

找到manifest.json，找到OAuth(登录鉴权)，重新打包下载即可解决白屏问题。一般app都要选中share和oauth否则有报错或者白屏的情况。在这里插入图片描述
由于水平有限，本博客难免有不足，恳请各位大佬不吝赐教！

Vue 项目利用 HBuilderX 打包 APP 流程
前端知识分享喵
05-12 7710
想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。
HBuilder x 打包 生成app步骤
LiuBo_1999的博客
08-10 7616
1.把打包好的dist文件夹打开把里面的文件拿出来按下图所示（刚开始在HBuilder x中生成文件他会自带一个index.html,这个文件没有用，要删掉，如果不删的话，打包生成app的时候会白屏的） 需要的配置如下 准备打包中的配置如下 下面就是下载到手机上（打开后项目就可以正常运行了，如果你的运行不了那就是vue.config.js中配置路径错了） ...
uniapp打包提示：打包时未添加OAuth模块
weixin_42276748的博客
07-15 1195
2.前端项目pages.json文件中把登录页("login/login")注释。1.manifest.json 中 去掉第三方登录，OAuth登录鉴权。4.把App.vue中的一键登录uni.preLogin整个注释掉。3.把项目中的uni.login注释掉。
HubliderX将Vue3离线包打包生成App，以及解决打包后的APP出现白屏的问题（简单示例）
最新发布
小夏同学呀
09-04 1366
将vue3离线包打包生成app
使用HBUILDERX将VUE-CLI3文件打包成APP，以及解决打包后的APP出现白屏的问题（简单示例）
ALDNOAH_K的博客
10-11 2330
（原因：如果使用history模式上线，必须要服务端在服务器上有对应的模式才能使用history（看上面链接），如果服务器上没有配置，可以先使用默认的hash；4、更改 manifest.json的配置文件，因为是demo练习，我这里只进行了两个配置，其它需要配置的根据自己的项目需求完成。5、选择需要打包的项目，在工具栏中选择 发行---->原生App-云打包，出现如下弹框。可选值: "hash" | "history" | "abstract"1、文件 ---->新建 ---->项目。
vue项目通过HBuilderX打包成app出现白屏
Noctis99的博客
09-08 3051
v
Hbuilderx:Vue项目打包apk打开首页空白问题
席木木的博客
11-09 2392
Hbuilderx:Vue项目打包apk打开首页空白问题：可能是打包时没有修改前端项目默认的公共基础路径，或者是路由模式不支持。
HBuilder+uniapp+uview项目打包遇到问题记录（打包后白屏）
flhhly的博客
08-10 3308
uniapp打包问题，自动生成所有图标按钮无反应，打包后的app页面白屏
HbuilderX打包Vue项目时出现--白屏，图标无法显示，端口占用，进程堵塞
weixin_45067120的博客
06-14 2976
繁琐有难解决的Bug一.HbuilderX打包vue项目白屏问题二.HbuilderX打包vue项目，element-ui的icon图标无法正常显示问题三.win10系统端口被占用怎解决四.(nginx无法访问打包好的项目)其实问题是我们开启了多个Nginx的进程了，他是可以开启多个的。所以我们把开启多个的Nginx进程终止掉。 一.HbuilderX打包vue项目白屏问题 将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./
Hbuilder打包app的方法
10-27
HBuilder打包App方法 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。这里面有具体的操作步骤  
ionic3 打包真机启动白屏问题修复方法
05-10
ionic3 打包真机启动白屏问题修复方法,文档中详细讲述如何修复白屏完美解决
hbuilderx打包h5出现白屏问题
m0_68956554的博客
10-30 2235
白屏问题的原因可能是你的 H5 项目部署后的资源路径有问题。当访问页面时，浏览器会根据资源的相对路径去加载相应的文件。如果资源路径不正确，浏览器无法正确加载文件，导致页面出现白屏。在vue.config.js文件里面添加如下代码。
使用hbuilderX将vue-cli3文件打包成App，以及解决打包后的App出现白屏的问题（简单示例）
qq_41687299的博客
07-09 4527
HBuilderX官网，先去官网下载需要的工具 一、前期的准备工作 1、到vue项目中把rooter的模式由“history”改为“hash”，否则在本地真机调试时会出现白屏 （原因：如果使用history模式上线，必须要服务端在服务器上有对应的模式才能使用history（看上面链接），如果服务器上没有配置，可以先使用默认的hash；） vue-router对mode的说明： mode 类型: string 默认值: "hash" (浏览器环境) | "abstract" (Node...
关于vue(3.0/2.0) HbuilderX打包后转app白屏显示问题
weixin_44068394的博客
06-12 5481
首先问题描述：打包好的apk安装到手机或者是真机调试的时候打开app是空白的 vue-cli3 解决办法 在vue3.0根目录创建一个vue.config.js文件，内部代码如下： module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : './' }; vue-cli2 解决办法 ，在config/index.js 中改为：assetsPublicP.
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法
weixin_43942866的博客
06-26 8131
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法！ 原来用uniapp 写的小程序 然后要翻成app 一开始还是很顺利的，因为安卓端测试 没有什么大问题；但是IOS直接白屏，只能看到tabBar 百度了各种 都没有得到解决，困扰了一天！！ 然后第二天突然想到会不会是subPackages 分包机制的问题，然后看了一下官网： subPackages 分包加载配置，此配置为小程序的分包加载机制。 因小程序有体积和资源加载限制，各家小程序平台提供了分包方式，优化小程序的下载和启动速度。 所谓
关于vue2.0+hbuilder打包移动端app之后空白页面的解决方案
wangchaoqi1985的博客
06-03 3286
关于vue2.0+hbuilder打包移动端app之后空白页面的解决方案
Vue工程利用HBuild X打包APP打开一片空白的解决方式
qq_42365842的博客
07-06 2357
Vue工程利用HBuild X打包APP打开一片空白的解决方式
android apk安装之后不显示不出来,云端打出的Android apk包安装到手机上后运行白屏...
weixin_42360953的博客
05-28 1239
云端打出的Android apk包安装到手机上后运行，能显示启动图，之后应该打开主页(view/main.html)，但是显示白屏，低版本手机显示“不能找到网页”。用chrome的调试工具也发现不了任何页面。把手机连接到电脑上，在HBuilder上直接点运行是没有问题的。app的配置信息： 代码结构： 连接上adk输出的错误日志：E/ActivityManager(1225): START...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值