Ionic / Cordova android模擬損壞-顯示一些角度代碼

Question

紐伯警報。 我正在嘗試構建我的第一個ios / android應用程序。 這是一個基於angular 1的應用程序，我正在使用ionic來構建ios和android版本。 我已經在常規瀏覽器中運行了該應用程序。 我已經構建了IOS版本並對其進行了測試，並且它可以工作。 一旦我構建了android版本並在各種虛擬或真實設備中進行測試，所有顯示的內容就是一些代碼。 這是調試日志：

 03-03 07:16:53.908 2764-2775/com.example.myuser.myapplication E/art: Failed sending reply to debugger: Broken pipe
 03-03 07:16:54.845 2764-2847/com.example.myuser.myapplication E/EGL_emulation: tid 2847: eglSurfaceAttrib(1174): error 0x3009 (EGL_BAD_MATCH)

離子服務--lab可以正常工作，並顯示ios和android（圖像已附加）

在第二張圖片（Android虛擬設備）中，您可以看到一些角度代碼。

Answer 1

我已經解決了這個問題，希望對其他有同樣問題的人有所幫助。 在模擬器或實際的android設備上檢查了chrome dev工具后，我發現所有http / https請求的404錯誤。 我必須添加cordova白名單插件。 我在離子文件夾中添加了它：

 cordova plugin add cordova-plugin-whitelist

其他遇到此問題的人說，他們必須在index.html頭部分中放入一些代碼，但是我沒有這樣做。

因此，該插件顯然使設備/仿真器允許http請求，並且找到了所有404的javascript庫和CSS文件，並且該應用正常運行！

關於應用程序中的外部js庫的另一個問題的討論現在變得顯而易見。 我想我應該把它們全部合並在一起，而不要使用http請求。