从TabPanel内部看不到xtype

Question

我有一个视口，从里面我可以通过xtype创建一个子元素： 让我们称之为“手风琴”，我在另一个文件中创建了xtype:'accordion'别名。如果我写：

Ext.define('MyApp.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires: [...
                ],

    layout: 'fit',


    items: [ 
              { xtype:'accordion' }

            ]
});

小部件已正确创建。

如果我执行以下操作：

 Ext.define('MyApp.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires: [...
                ],

     items: [
                Ext.TabPanel.create({
                    items: [
                        {
                            title: 'dummy',
                           xtype:'accordion'
                        }
                    ]
                })
                ]
});

它不会创建窗口小部件（症状是找不到窗口小部件的经典错误： 未捕获TypeError：无法调用未定义的方法'substring' 我无法理解为什么从TabPanel项目列表中找不到窗口小部件，而从“外部”可以看到它。