Need help: white screen on adobe phonegap build
See original GitHub issueBackground:
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:
- Does it mean that the phonegap build service ignore the hooks?
- 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.
Issue Analytics
- State:
- Created 7 years ago
- Comments:8 (1 by maintainers)
Top GitHub Comments
You probably are going to try using the new 2.0.0 version and cordova build π
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.