Ionic / Cordova android模拟损坏-显示一些角度代码

Question

Newb alert. I'm attempting to build my first ios/android app. It's an angular 1 based app and I'm using ionic to build the ios and android versions. I've got the app working in regular browsers. I've built the IOS version and tested it, and it works. Once I build the android version and test in various virtual or a real device, all that shows is a bit of code. Here's the debug log:

 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)

ionic serve --lab works fine and shows ios and android (image attached)

In the 2nd image (the android virtual device) you can see a few pieces of angular code.

Answer 1

I've solved this issue and hope this helps anyone else who has the same problem. After checking the chrome dev tools on the emulator or the actual android device I found 404 errors for all http/https requests. I had to add the cordova whitelist plugin. I added that in my ionic folder:

 cordova plugin add cordova-plugin-whitelist

Others who have had this issue said they had to put some code in their index.html head section, but I did not do that.

So the plugin apparently made the device/emulator allow http requests and all the javascript libraries and css files that were 404's were found and the app worked!

A discussion for another question now becomes apparent, regarding external js libraries in an app. I'm thinking I should concat them all and include that instead of using http requests.