Ошибка Uncaught: [Ext.createByAlias] Не удается создать экземпляр нераспознанного псевдонима: виджет

Вот простое представление, которое я хочу создать:

Ext.define('myapp.view.Home',{
    extend 'Ext.Panel',
    xtype : 'testpanel' ,
    config: {
        title:'home',
        iconCls:'home',
        cls : 'home',
        html: [
           '<h1> Hello Guys </h1>',
           '<p> some text goes here </p>'
        ].join("")
    }
});

Я добавил представление к моему контроллеру следующим образом:

Ext.define('myapp.controller.Main', {
    extend : 'Ext.app.Controller',
    views : ['Home'],
    ...
}

Я использовал xtype в своем приложении следующим образом:

items:[{
    xtype : 'testpanel'
},

Тем не менее я получаю эту ошибку:

Ошибка Uncaught: [Ext.createByAlias] Не удается создать экземпляр нераспознанного псевдонима: widget.testpanel

Я ценю вашу помощь.