Extjs 网格小部件不工作-Ext JS

我在这里定义了一个网格类：

Ext.define('MC.view.portal.MetadataWidget', {
    extend: 'Ext.grid.Panel',
    id: 'metadatawid',
    title: 'Graph',
    store: Ext.data.StoreManager.lookup('metadatastore'),
    alias: 'widget.metadatawidget',
    initComponent: function() {
        this.columns = [
            {header: 'KBE Name', dataIndex: 'KBE_NAME', flex: 3, tdCls: 'grid_cell'},
            ...//remaining rows
        ];

        this.callParent(arguments); 
    }
});

我正试图使用它的别名在我的app.js中定义它：

Ext.create('Ext.panel.Panel', {
            id: 'app_container',
            width: '100%',
            height: 1000,
            renderTo: 'container',
            layout: 'hbox',
            border: false,
            requires: [ 'MC.view.portal.MetadataWidget' ],
            items: [
                { xtype: 'metadatawidget', height: 400, width: ...

但是我得到了这个错误：

TypeError: name is undefined
if (name === from || name.substring(0, from.length) === from) {

除了实现一个控制器之外，这基本上是按照他们在Sencha docks中定义小部件的相同方式进行的，但是我找不到错误的原因。有什么想法吗

-这家商店很管用

-目录很好

-创建小部件会带来麻烦

---

干杯

您是否在app.js的requires配置中包含了“MC.view.portal.MetadataWidget”？这个错误通常意味着类还没有被Ext加载。

你是否在

requires

app.js的

配置中包含了
'MC.view.portal.MetadataWidget'
？是的，它已经存在了，不是吗？哦，它在实际的应用配置中，好吧，太棒了，它工作了！为什么不把它写在一个答案里，这样我就可以给你一个投票？