When I package my Sencha Touch app with Phonegap builder (https://build.phonegap.com/) I don’t get any errors with building.
Although, when I start the app I get a blank (white) screen and nothing happens.
What could I do wrong?
My index.html file looks like this:
<!DOCTYPE html>
<html>
<head>
<title>My app</title>
<link rel="stylesheet" href="app.css" type="text/css">
<link href="resources/css/app.css" rel="stylesheet" type="text/css" />
<link href="resources/plugins/SliderFieldExtended.css" rel="stylesheet" type="text/css" />
<link href="styles/OrangeTheme.css" rel="stylesheet" type="text/css" />
<script src="resources/lib/sencha-touch-all.js" type="text/javascript"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="resources/plugins/SliderFieldExtended.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"> </script>
</head>
<body></body>
</html>
PS. I’m using Sencha Touch 2.0.1.
Thanks in advance.
I found a solution for your blank screen problem that worked for me. If you upload your .zip to Phonegap Builder, the version of Phonegap is default set to the latest version, at the moment 2.1.0. In this case I also get the blank screen, but if I change the version to 2.0.0 or lower, the app works fine by me.
To change the version go to the ‘Settings’ tab and select the right version under ‘Configuration’.
One last thing, in your
index.htmlyou refer tophonegap.js, but this file is not included in your folder.Goodluck!