Sencha Touch 2.1.0rc2 and PhoneGap 2.1.0 does not startup

**erchan_2000** · 15 Oct 2012 9:45 PM

I have the following problem while starting the app. It does not occur in ST 2.1.0rc1. 
 
2012-10-16 01:32:13.292 KICKBAK[64098:1dc03] Multi-tasking -> Device: YES, App: YES 
2012-10-16 01:32:13.990 KICKBAK[64098:1dc03] [INFO] Ext.device.connection.PhoneGap 
2012-10-16 01:32:13.990 KICKBAK[64098:1dc03] [INFO] Phone is Online 
2012-10-16 01:32:14.004 KICKBAK[64098:1dc03] [INFO] appInit - start 
2012-10-16 01:32:14.013 KICKBAK[64098:1dc03] [INFO] Error on Line#18 
Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: Ext.event.publisher.Dom 
2012-10-16 01:32:14.014 KICKBAK[64098:1dc03] [INFO] Cordova Facebook Connect plugin initialized successfully. 
2012-10-16 01:32:14.984 KICKBAK[64098:1dc03] [INFO] Ext.device.connection.PhoneGap 
2012-10-16 01:32:14.984 KICKBAK[64098:1dc03] [INFO] Phone is Online 
 
I'm using sencha-touch-all.js, but yet, it's asking for classes that exists within that file?!?!? 
 
My index.html is 
 
<html> 
... 
  
 <script type="text/javascript" src="lib/cordova-2.1.0.ios.js"></script> 
  
 <script type="text/javascript" src="lib/sencha-touch-all.js"></script> 
 <script type="text/javascript"> 
var _appPath = "app", _extPath = 'lib/sencha-touch-2.1.0-rc2/src'; 
 var _appId = "xxxxxx"; 
 Ext.Loader.setConfig( 
 { 
 enabled : false, 
 paths : 
 { 
 Ext : _extPath, 
 Genesis : _appPath 
 } 
 }); 
function onBodyLoad() 
 { 
 document.addEventListener("online", function() 
 { 
 if (Ext.device) 
 { 
 console.log(Ext.device.Connection.__proto__.$className) 
} 
 console.log("Phone is Online"); 
 }, false); 
document.addEventListener("deviceready", onDeviceReady, false); 
 } 
 function onDeviceReady() 
 { 
 console.debug = console.debug || console.log; 
 console.warn = console.warn || console.debug; 
 console.log("appInit - start"); 
Ext.application(...); 
 console.log("appInit - end"); 
 } 
 </script> 
</head> 
 <body onload="onBodyLoad()"> 
<script type="text/javascript"> 
 window.onerror = function(msg, url, linenum) 
 { 
 console.log("Error on Line#" + linenum + "\n" + msg); 
 } 
 </script> 
</body> 
</html>

**mitchellsimoens** · 16 Oct 2012 5:10 AM

HTML is not allowed on the forum, can you please clean this up so it's legible?

**erchan_2000** · 16 Oct 2012 7:19 AM

REQUIRED INFORMATIONExt version tested:

ST 2.1.0 rev r2

Browser versions tested against:

iOS5, iOS6

DOCTYPE tested against:

html

Description:

I'm getting complains from the Ext.Loader that some Ext Core classes are missing eventhough I used sencha-touch-all.js from your pre-compile library.
No problems were found when running on Desktop (Safari/Chrome)

Steps to reproduce the problem:

Load up ST2.1.0r2 and PhoneGap 2.1.0 on iOS5/6 device

The result that was expected:

Application should launch as expected, just like ST2.1.0r1

The result that occurs instead:

Ext.Loader complains about Ext.event.publisher.Dom class is missing, amongst others ...
The only workaround is to include all source files under /src and enabled dynamic loading.

Test Case:

Code:

<!DOCTYPE html>
<html>
   <head>
      ....
      <script type="text/javascript" src="lib/cordova-2.1.0.ios.js"></script>
      <script type="text/javascript" src="lib/sencha-touch-all.js"></script>
      .....
      <script type="text/javascript">
      var _appPath = "app", _extPath = 'lib/sencha-touch-2.1.0-rc2/src';
      Ext.Loader.setConfig(
      {
         enabled : false,
         paths :
         {
            Ext : _extPath,
            Genesis : _appPath
         }
      });
      function onBodyLoad()
      {
         document.addEventListener("deviceready", onDeviceReady, false);
      }
      function onDeviceReady()
      {
          Ext.application(...);
      }
      </script>
   <body onload="onBodyLoad()">
   </body>
</html>

HELPFUL INFORMATIONScreenshot or Video:
2012-10-16 01:37:37.939 KICKBAK[64530:1dc03] Multi-tasking -> Device: YES, App: YES
2012-10-16 01:37:38.330 KICKBAK[64530:1dc03] [INFO] Ext.device.connection.PhoneGap
2012-10-16 01:37:38.330 KICKBAK[64530:1dc03] [INFO] Phone is Online
2012-10-16 01:37:38.344 KICKBAK[64530:1dc03] [INFO] appInit - start
2012-10-16 01:37:38.354 KICKBAK[64530:1dc03] [INFO] Error on Line#18
Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: Ext.event.publisher.Dom
2012-10-16 01:37:39.329 KICKBAK[64530:1dc03] [INFO] Ext.device.connection.PhoneGap
2012-10-16 01:37:39.329 KICKBAK[64530:1dc03] [INFO] Phone is Online

See this URL for live test case: http://Debugging already done:

none

Possible fix:

Enabled Dynamic loading, but not very feasible in deployment environment.

Additional CSS used:

ext-all.css
custom css (included customized theme for my app, but not relevant to the testcase)

Operating System:

iOS5.1
iOS6

**mitchellsimoens** · 16 Oct 2012 7:45 AM

First thing that catches my eye is ST2 is smart enough to know when it is within PhoneGap and therefore no need to listen for the deviceready event

**erchan_2000** · 16 Oct 2012 8:01 AM

The deviceReady event is used by PhoneGap to let the web app know that PhoneGap have finished initializing and ready to receive calls.

Once that happens, I can initialize ST to load the app, so any calls to PhoneGap will not result in exceptions or errors.

Is that something you guys can test? Because the problems happens on the Simulator as well.

Thanks!

Originally Posted by mitchellsimoens

First thing that catches my eye is ST2 is smart enough to know when it is within PhoneGap and therefore no need to listen for the deviceready event

**Fonx** · 16 Oct 2012 9:11 AM

Hi !
I'm fighting too with Cordova & Sencha. Just one question, where does 'lib/sencha-touch-2.1.0-rc2/src'; point to? to the app.js?

Just one more thing erchan, could you please send me a basic www structure with cordova and sencha that works with rc1. I'm starting to get desperate..

Many Thanks !

Originally Posted by erchan_2000

REQUIRED INFORMATIONExt version tested:

ST 2.1.0 rev r2

Browser versions tested against:

iOS5, iOS6

DOCTYPE tested against:

html

Description:

I'm getting complains from the Ext.Loader that some Ext Core classes are missing eventhough I used sencha-touch-all.js from your pre-compile library.
No problems were found when running on Desktop (Safari/Chrome)

Steps to reproduce the problem:

Load up ST2.1.0r2 and PhoneGap 2.1.0 on iOS5/6 device

The result that was expected:

Application should launch as expected, just like ST2.1.0r1

The result that occurs instead:

Ext.Loader complains about Ext.event.publisher.Dom class is missing, amongst others ...
The only workaround is to include all source files under /src and enabled dynamic loading.

Test Case:

Code:

<!DOCTYPE html>
<html>
   <head>
      ....
      <script type="text/javascript" src="lib/cordova-2.1.0.ios.js"></script>
      <script type="text/javascript" src="lib/sencha-touch-all.js"></script>
      .....
      <script type="text/javascript">
      var _appPath = "app", _extPath = 'lib/sencha-touch-2.1.0-rc2/src';
      Ext.Loader.setConfig(
      {
         enabled : false,
         paths :
         {
            Ext : _extPath,
            Genesis : _appPath
         }
      });
      function onBodyLoad()
      {
         document.addEventListener("deviceready", onDeviceReady, false);
      }
      function onDeviceReady()
      {
          Ext.application(...);
      }
      </script>
   <body onload="onBodyLoad()">
   </body>
</html>

HELPFUL INFORMATIONScreenshot or Video:
2012-10-16 01:37:37.939 KICKBAK[64530:1dc03] Multi-tasking -> Device: YES, App: YES
2012-10-16 01:37:38.330 KICKBAK[64530:1dc03] [INFO] Ext.device.connection.PhoneGap
2012-10-16 01:37:38.330 KICKBAK[64530:1dc03] [INFO] Phone is Online
2012-10-16 01:37:38.344 KICKBAK[64530:1dc03] [INFO] appInit - start
2012-10-16 01:37:38.354 KICKBAK[64530:1dc03] [INFO] Error on Line#18
Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: Ext.event.publisher.Dom
2012-10-16 01:37:39.329 KICKBAK[64530:1dc03] [INFO] Ext.device.connection.PhoneGap
2012-10-16 01:37:39.329 KICKBAK[64530:1dc03] [INFO] Phone is Online

See this URL for live test case: http://Debugging already done:

none

Possible fix:

Enabled Dynamic loading, but not very feasible in deployment environment.

Additional CSS used:

ext-all.css
custom css (included customized theme for my app, but not relevant to the testcase)

Operating System:

iOS5.1
iOS6

**erchan_2000** · 16 Oct 2012 9:50 AM

It's basically where I extract the binary from the download. "src" is where all the uncompressed source files are located, not the sencha-touch-all.js files.

I use the Loader to enable/disable dynamic loading. For developement, I enable it, for production, I use the minified version.

Are you having the exact same problem? I don't know what to make of it. It doesn't seem to make any sense.

Originally Posted by Fonx

Hi !
I'm fighting too with Cordova & Sencha. Just one question, where does 'lib/sencha-touch-2.1.0-rc2/src'; point to? to the app.js?

Just one more thing erchan, could you please send me a basic www structure with cordova and sencha that works with rc1. I'm starting to get desperate..

Many Thanks !

**erchan_2000** · 16 Oct 2012 10:41 PM

After going thru a ton of debugging, it appears that the inclusion of

Ext.device.*

Within sencha-touch-all*.js broke the load.

The native API requires that PhoneGap is already instantiated when the singleton classes are loaded. But that is not possible since we have to wait for the deviceReady event from PhoneGap for it to happen.

As such, it is causing the file sencha-touch-all*.js to not be able to complete its loading process.

If you could kindly remove those Native API and put it into a separate JS (2.1GA?), that would be great.

sencha-touch-native-all.js (?)

Thank you.

**bfg100k** · 15 Nov 2012 7:27 PM

erchan_2000, can you please advise how you got it working with dynamic loading enabled? I just tried your solution and I'm still getting a blank screen after the phonegap splash. FYI, i'm using PhoneGap 2.1 and Sencha Touch 2.1

**mhousser** · 16 Nov 2012 3:27 PM

A lot of people (myself included) are having the PhoneGap Build + ST2.1 = white screen broken app problem.

In fact, there is a large discussion about it here: http://www.sencha.com/forum/showthre...-ST-2.1./page5

So far, the Sencha guys are being pretty quiet about it.

Has it effectively been narrowed down to the Ext.device.* references that weren't present in ST2.0 that are now present in ST2.1?

Sencha Touch 2.1.0rc2 and PhoneGap 2.1.0 does not startup

Thread Tools

Search Thread

Display

Sencha Touch 2.1.0rc2 and PhoneGap 2.1.0 does not startup

Sencha Touch 2.1.0rc2 and PhoneGap 2.1.0 does not startup

Sorry for the inconvenience

Sorry for the inconvenience

Interesting

Interesting

Tags for this Thread