PhoneGap Build - APK file gives blank screen - tutorial

[iignatov]

@DarthLuch

When you say “which version of the framework”… How do I see that? I tried searching online, but all I found was the ionic version itself.

You should run ionic info from inside of your projects folder (see the output below):

C:\Projects\MyAppProject>ionic info

Your system information:

Cordova CLI: 6.1.1
Gulp version:  CLI version 1.2.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.6
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
OS: Windows 8.1
Node Version: v5.8.0

@DarthLuch

I did what you suggested regarding debugging the app remotely, and I saw these errors in the console: …

It seems that the resulting APK doesn’t contain the required JS files to run the app. However I’m not sure why PhoneGap Build is not including these, probably an additional configuration is needed (ionic build android works fine). Maybe the following post will help you to setup your PhoneGap Build properly:

Building Ionic 2 Beta 7 Apps With PhoneGap Build

Thought I’d post the instructions here in case it helps anyone: Copy the resources folder from the root directory and paste it into the www folder. Copy the config.xml file from the root directory and paste it into the www folder. Open the newly pasted config.xml file and delete the entire xmlns:cdv namespace from the widget tag. Add the Phone Gap namespce to the widget tag: xmlns:gap="http://phonegap.com/ns/1.0" Add the version code to the widget tag: versionCode="1" Update an…

@DarthLuch

When I do the same process of just building a sample tabs app and using PhoneGap Build to make an APK file, but using Ionic version 1 instead of version 02… It works fine and I don’t have this problem.

Ionic 2 is different than Ionic 1, so you shouldn’t expect that something that works in Ionic 1 will work without modifications in Ionic 2 (including the build process).