鍍金池/ 問答/Android  物聯(lián)網(wǎng)  HTML/ cordova打包android apk出現(xiàn)空白頁(無法顯示)

cordova打包android apk出現(xiàn)空白頁(無法顯示)

幾經(jīng)波折,終于通過cordovaapk文件打包出來了。但是安裝到手機(jī)上,發(fā)現(xiàn)顯示空白頁。

查找了好久,最后把 apk 解壓縮,打開路徑assets\www下面的index.html文件,發(fā)現(xiàn)兩個問題:

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

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

最后我將通過npm run build打包后生成的文件中的index.html文件格式化,刪除里面引用了卻在css、js文件夾中找不到的文件,然后打包成 apk,重新安裝到手機(jī)上還是顯示空白頁,真是氣到冒煙~~~

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

補(bǔ)充內(nèi)容:

注意:為了方便(不需要每次打包都發(fā)送apk到手機(jī)上),可以通過cordova serve android來啟動服務(wù),用戶可以通過http://localhost:8000/android/www/index.html來請求android平臺下的頁面,也就是相當(dāng)于手機(jī)訪問到的首頁,如此一來方便調(diào)試了。

然后:瀏覽器請求到app中某個頁面時,所有的css、js全部加載了,但是為什么顯示白屏呢?也沒有錯誤輸出,瘋了...

圖片描述

回答
編輯回答
葬愛

一共有兩個問題:
1、路由模式不能使用history;
2、axios異步請求存在跨域問題;

解決方法參考

2017年4月22日 00:16
編輯回答
愚念

看起來跟 Cordova 沒什么關(guān)系,是 webpack build 腳本的問題。

2017年11月7日 21:51
編輯回答
旖襯

謝邀.
1 拋開cordova,直接用瀏覽器訪問你生成的發(fā)布包,觀察頁面情況.
2 初步判定是路徑問題導(dǎo)致資源引用不正確.
3 多次引入js css文件問題目前沒遇到過,目測可能是webpack沒配置好.

2017年1月25日 11:38