Javascript Sencha Touch 2-面板在构建后停止工作

我在Sencha Touch 2.2中使用外部面板时遇到一些问题。它一开始可以工作，但在构建之后无法关闭，尽管hideOnMaskTap是真的

这是我的密码：

MinPanel.js

Ext.define('MinimalPanelExample.view.MinPanel', {
    extend: 'Ext.Panel',

    requires: [
        'Ext.dataview.List'
    ],

    config: {
        id: 'minPanel',
        width: '320px',
        height: '480px',
        modal: true,
        hideOnMaskTap: true,

        html: 'minimal panel',

        items: [
            {
                xtype: 'list',
                width: '100%',
                height: '100%'
            }
        ]
    }
});

将其添加到Main.js中：

var minPanel = Ext.create('MinimalPanelExample.view.MinPanel');

[...]
items: {
    docked: 'top',
    xtype: 'titlebar',
    title: 'Welcome to Sencha Touch 2',

    items: [
        {
            xtype: 'button',
            text: 'Button',
            listeners: {
                tap: function(button) {
                    minPanel.showBy(button);
                }
            }
        }
    ],
},

奇怪的是，如果我运行构建的包，面板内的列表甚至不会显示，它只显示html:“minimal panel”。不过，Javascript控制台中没有警告

你知道为什么会这样吗？

---

另外，如果我最初创建/访问面板的方法是错误的，请随时告诉我。

找到了答案。不能仅在主视图文件的顶部创建Ext.create，它必须位于Ext.define块的某个位置。如果我在初始化侦听器中创建MinPanel，然后在用户按下按钮时通过Ext.getCmp（“MinPanel”）获取它，它就会工作