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

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

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

  1. index.html里面引用的js文件和打包后的文件hash对不上(主要是部分js文件hash对不上);

  2. index.html 里面引用的css和js 都重复(引用了两次)了;

格式化后的 index.html:
https://img.mukewang.com/5b460fb300015b7c08000302.jpg

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

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

补充内容:

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

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

https://img4.mukewang.com/5b460fc10001223208000366.jpg


桃花长相依
浏览 3422回答 3
3回答

慕斯王

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

暮色呼如

一共有两个问题:1、路由模式不能使用history;2、axios异步请求存在跨域问题;
打开App,查看更多内容
随时随地看视频慕课网APP