Extjs Sencha触摸卡布局不工作

我正在学习Sencha Touch2，并尝试做一个简单的应用程序，看看它是如何工作的

---

我不知道我做错了什么：

0。-在你的小提琴中，你使用ExtJs作为你的框架，而不是senchatouch

1.-您试图使用

“bolao.view.Main”

，但它从未声明过

2.-

Ext.fly（'appLoadingIndicator'）.destroy（）

在Fiddle内部有问题，但在服务器中正常使用时没有问题

3.-即使进行了这些更改，我也无法在Chrome中看到它，但我确实在FireFox中看到了它

4.-在您的小提琴中尝试此代码，然后将其部署到您的Apache或您正在使用的任何服务器上

5.-不要将小提琴用于学习目的（尽管它在显示代码时很酷）

6.-我建议您遵循本教程

代码：

---

问候@code4jhon

我从app.js中删除并更新了。这不是问题所在。

Ext.application({
    name: 'bolao',

    requires: [
        'Ext.MessageBox'
    ],

    views: [
        'Main'
    ],

    icon: {
        '57': 'resources/icons/Icon.png',
        '72': 'resources/icons/Icon~ipad.png',
        '114': 'resources/icons/Icon@2x.png',
        '144': 'resources/icons/Icon~ipad@2x.png'
    },

    isIconPrecomposed: true,

    startupImage: {
        '320x460': 'resources/startup/320x460.jpg',
        '640x920': 'resources/startup/640x920.png',
        '768x1004': 'resources/startup/768x1004.png',
        '748x1024': 'resources/startup/748x1024.png',
        '1536x2008': 'resources/startup/1536x2008.png',
        '1496x2048': 'resources/startup/1496x2048.png'
    },

    launch: function() {
        // Destroy the #appLoadingIndicator element
        //Ext.fly('appLoadingIndicator').destroy();  this line is having problems in Fiddle I think 'cos in my local server does work fine

        // Initialize the main view
        //Ext.Viewport.add(Ext.create('bolao.view.Main')); this view ('bolao.view.Main') is never defined
        Ext.Viewport.add(Ext.create('Ext.tab.Panel'));
    },

    onUpdated: function() {
        Ext.Msg.confirm(
            "Application Update",
            "This application has just successfully been updated to the latest version. Reload now?",
            function(buttonId) {
                if (buttonId === 'yes') {
                    window.location.reload();
                }
            }
        );
    }
});