Need help: white screen on adobe phonegap build

Background:

Hi,

I purchased the apple developer program, and don’t have a Mac. I need to build an app for both android and iphone.

I work in my own docker image with docker-compose (config), and test the code on an android with usb plugged.

The live-reload works. It shows blank screen sometimes, but it’s not annoying. One can simply press return on the phone, the page will reload again.

The build command also works, install the right .apk (~28 MB)

export NODE_ENV=development
phonegap analytics off
phonegap run android -d --device

Issue:

However, when I use the adobe phonegap build to build the app, it build a much smaller .apk (~3.4 MB), and shows a white screen.

test project generated with phonegap run android:

├── AndroidManifest.xml
├── assets
│   └── www
│       ├── c28e4029ac8795ebc20a.main.js
│       ├── cordova.js
│       ├── cordova-js-src
│       ├── cordova_plugins.js
│       ├── i-f7-ios.png
│       ├── index.html
│       └── styles.css
├── classes.dex
├── META-INF
│   ├── CERT.RSA
│   ├── CERT.SF
│   └── MANIFEST.MF
├── res
...
│   └── xml
│       └── config.xml
└── resources.arsc

test project generated in phonegap service:

├── AndroidManifest.xml
├── assets
│   └── www
│       ├── assets
│       ├── cordova.js
│       ├── cordova_plugins.js
│       ├── hooks
│       ├── index.html
│       ├── main.js
│       ├── main.vue
│       ├── package.json
│       ├── phonegap.js
│       ├── routes.js
│       ├── webpack
│       ├── webpack.config.js
│       └── www
├── classes.dex
├── META-INF
│   ├── CERT.RSA
│   ├── CERT.SF
│   └── MANIFEST.MF
├── res
...
│   └── xml
│       └── config.xml
└── resources.arsc

Questions:

1. Does it mean that the phonegap build service ignore the hooks?
2. I don’t have a Mac right now. So I can only build the app on
   • Linux - How?
   • Windows - How?
   • Build services - Any suggestions?

Any other suggestions please?

What I’ve tried

1. folder structure

I thought the issue may be the folder structure. So I make a test project

my project:

├── app
│   ├── config.xml
│   ├── Dockerfile
│   ├── hooks
│   ├── node_modules
│   ├── package.json
│   ├── platforms
│   ├── plugins
│   ├── src
│   ├── webpack
│   ├── webpack.config.js
│   └── www
├── docker-compose.yml
├── gradle
│   └── wrapper
├── gradlew
├── gradlew.bat
└── README.org

test project:

├── config.xml
├── hooks
├── node_modules
├── package.json
├── platforms
├── plugins
├── src
├── webpack
├── webpack.config.js
└── www

the test project resulted an .apk with white screen, and smaller size (141 KB vs 2.1 MB) too.

[caiobiodere]

You probably are going to try using the new 2.0.0 version and cordova build 👍

[centrual]

Hello @luckynum7

You can debug your app with http://geeklearning.io/apache-cordova-and-remote-debugging-on-ios/. It will display network errors (missing files), html structure and javascript errors. This infos can be very helpful for fix the problem.

You don’t need mac for build iphone apps. You can use virtual machine ( you can run mac os image in wmware workstation ). You can develop inside of vm. You can install linux or windows too.

Lastly problem probably about phonegap. If phonegap not working well, you can use cordova too for fast development.