cordova打包android apk出现空白页(无法显示)
几经波折,终于通过cordova
把apk
文件打包出来了。但是安装到手机上,发现显示空白页。
查找了好久,最后把 apk 解压缩,打开路径assets\www
下面的index.html
文件,发现两个问题:
index.html
里面引用的js文件和打包后的文件hash
对不上(主要是部分js文件hash对不上);index.html
里面引用的css和js 都重复(引用了两次)了;
格式化后的 index.html:
最后我将通过npm run build
打包后生成的文件中的index.html
文件格式化,删除里面引用了却在css
、js
文件夹中找不到的文件,然后打包成 apk,重新安装到手机上还是显示空白页,真是气到冒烟~~~
————————————————————————
补充内容:
注意:为了方便(不需要每次打包都发送apk到手机上),可以通过cordova serve android
来启动服务,用户可以通过http://localhost:8000/android/www/index.html
来请求android平台下的页面,也就是相当于手机访问到的首页,如此一来方便调试了。
然后:浏览器请求到app中某个页面时,所有的css、js全部加载了,但是为什么显示白屏呢?也没有错误输出,疯了...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
一共有两个问题:
1、路由模式不能使用history;
2、axios异步请求存在跨域问题;
解决方法参考
看起来跟 Cordova 没什么关系,是 webpack build 脚本的问题。
谢邀.
1 抛开cordova,直接用浏览器访问你生成的发布包,观察页面情况.
2 初步判定是路径问题导致资源引用不正确.
3 多次引入js css文件问题目前没遇到过,目测可能是webpack没配置好.