which file to use sencha-touch.js or sencha-touch-debug.js or sencha-touch-all.js or

[Joz Michael]

I am trying a basic demo app with below code...


Ext.application({
name : 'MyApp',

launch : function () {
var MyPanel = Ext.create("Ext.Panel", {
html : "Test APP..."
});

Ext.Viewport.add(MyPanel);
}
});

In index.html, if i use


script src="lib/sencha-touch.js" type="text/javascript" (or) script src="lib/sencha-touch-debug.js" type="text/javascript"

Nothing is rendered on browser screen(Chrome 18.0) In index.html, if i use
script src="lib/sencha-touch-all.js" type="text/javascript" (or) script src="lib/sencha-touch-all-debug.js" type="text/javascript" Content is rendered on browser screen(Chrome 18.0) Which JS file should we include in HTML file...? In one of Forum(http://www.sencha.com/forum/showthread.php?152483-What-is-in-sencha-touch.js) Jacky Nguyen advised to use "sencha-touch.js" for Production and "sencha-touch-debug.js" for development... Unfortunately usage of these JS file not working for my code...... Whats going wrong............???? Is there any problem with my code or any problem with JS files...

[mitchellsimoens]

Did you require Ext.Panel to be loaded?

[Joz Michael]

I am Sorry Mitchell, I am a newbie to Sencha touch.
Could you please explain me what is meant by the context "require Ext.Panel to be loaded".....?
Is that adding a Panel to Viewport is what you mean or something else.....?

[mitchellsimoens]

There are many ways to handle file dependancies. This guide may be of some help http://docs.sencha.com/touch/2-0/#!/guide/mvc_dependencies