cordova打包android apk出现空白页(无法显示)

发布于 2022-09-07 16:20:06 字数 955 浏览 20 评论 0

几经波折,终于通过cordovaapk文件打包出来了。但是安装到手机上,发现显示空白页。

查找了好久,最后把 apk 解压缩,打开路径assets\www下面的index.html文件,发现两个问题:

  1. index.html里面引用的js文件和打包后的文件hash对不上(主要是部分js文件hash对不上);
  2. index.html 里面引用的css和js 都重复(引用了两次)了;

格式化后的 index.html:
图片描述

最后我将通过npm run build打包后生成的文件中的index.html文件格式化,删除里面引用了却在cssjs文件夹中找不到的文件,然后打包成 apk,重新安装到手机上还是显示空白页,真是气到冒烟~~~

————————————————————————

补充内容:

注意:为了方便(不需要每次打包都发送apk到手机上),可以通过cordova serve android来启动服务,用户可以通过http://localhost:8000/android/www/index.html来请求android平台下的页面,也就是相当于手机访问到的首页,如此一来方便调试了。

然后:浏览器请求到app中某个页面时,所有的css、js全部加载了,但是为什么显示白屏呢?也没有错误输出,疯了...

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

歌入人心 2022-09-14 16:20:06

一共有两个问题:
1、路由模式不能使用history;
2、axios异步请求存在跨域问题;

解决方法参考

狼性发作 2022-09-14 16:20:06

看起来跟 Cordova 没什么关系,是 webpack build 脚本的问题。

你是我的挚爱i 2022-09-14 16:20:06

谢邀.
1 抛开cordova,直接用浏览器访问你生成的发布包,观察页面情况.
2 初步判定是路径问题导致资源引用不正确.
3 多次引入js css文件问题目前没遇到过,目测可能是webpack没配置好.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文