App does not render correctly on ios or andorid


#1

When I run ionic serve I get no errors. However, when I run the app on either ios or andorid I get a tiny button on android or a tiny back arrow the same size on ios. Does anyone know why this is? The page is just a navbar and then one word of text. Looking at the logs the app is running, there is no fatals or errors.

Here is a picture of it on android

I am also have zero custom scss at all, so it is ionic defaults.


#2

So I ended up fixing it, it was do to the allow-navigation tag being incorrectly placed in the index.html file. Now I am just getting a plain white screen, with logs:

03-28 17:12:27.713  1276 15223 I ActivityManager: START u0 {act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] flg=0x10200000 cmp=io.ionic.starter/.MainActivity (has extras)} from uid 10007 on display 0
03-28 17:12:27.713 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:27.713 15351 15351 W AwContents: onDetachedFromWindow called when already detached. Ignoring
03-28 17:12:27.713 15351 15351 D SystemWebViewEngine: CordovaWebView is running on device made by: unknown
03-28 17:12:27.723 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:27.723 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:27.723 15351 15351 V StatusBar: StatusBar: initialization
03-28 17:12:27.773 15351 15392 W EGL_emulation: eglSurfaceAttrib not implemented
03-28 17:12:27.773 15351 15392 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0x7fbfd15ecb80, error=EGL_SUCCESS
03-28 17:12:27.783 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:27.793  2017  2038 E Surface : getSlotFromBufferLocked: unknown buffer: 0x7fbfc0a021c0
03-28 17:12:27.803  1276  1311 I ActivityManager: Displayed io.ionic.starter/.MainActivity: +90ms
03-28 17:12:27.813 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:27.913 15351 15351 W BindingManager: Cannot call determinedVisibility() - never saw a connection for the pid: 15351
03-28 17:12:27.923 15351 15351 D JsMessageQueue: Set native->JS mode to OnlineEventsBridgeMode
03-28 17:12:28.173 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:28.243 15351 15351 I chromium: [INFO:CONSOLE(2167)] "DEPRECATION WARNING: 'enqueueTask' is no longer supported and will be removed in next major release. Use addTask/addRepeatingTask/addMicroTask", source: file:///android_asset/www/build/js/app.bundle.js (2167)
03-28 17:12:28.333 15351 15351 I chromium: [INFO:CONSOLE(5109)] "Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.", source: file:///android_asset/www/build/js/app.bundle.js (5109)
03-28 17:12:28.333 15351 15351 I chromium: [INFO:CONSOLE(2167)] "DEPRECATION WARNING: 'dequeueTask' is no longer supported and will be removed in next major release. Use removeTask/removeRepeatingTask/removeMicroTask", source: file:///android_asset/www/build/js/app.bundle.js (2167)
03-28 17:12:28.343 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:28.363 15351 15393 V StatusBar: Executing action: _ready
03-28 17:12:29.373 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.393 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.413 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.433 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.453 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.473 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.493 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.513 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.533 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.553 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.563 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.583 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.603 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.623 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.643 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread
03-28 17:12:29.653 15351 15351 W art     : Attempt to remove non-JNI local reference, dumping thread

#3

Okay, so when I use the chrome inspector its displaying
file:///build/pages/login/login.html Failed to load resource: net::ERR_FILE_NOT_FOUND
Which is my apps rootPage. The build works correctly on ios and from ionic serve. Why is this build failing? I already tried reinstalling ionic.

UPDATE: In the android build folder, the fonts and pages folders do show up in the intermediate folder. What is going on?


#4

Turns out the answer to missing html files was that I had a pre-pending / forward slash in the page .ts file linking to the .html template. I had /build/pages/login/login.html but I needed build/pages/login/login.html Ionic serve didn’t complain, but apparently it on the app itself it couldn’t resolve the link. Hope my confused posting helps someone else in the future.


#5

How did you resolved? I’m new developer in Ionic Framework, and I don’t have how resolve this…
Thank you