Sencha Touch 2 xtype работает не так, как ожидалось

Question

Итак, я создаю свое первое приложение Sencha Touch, и у меня возникла проблема с рендерингом Panel, который я определил.

Login.js

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], 
    xtype: 'loginpanel', 

    config:{ 
    scrollable:true, 
    title: "Log In", 

    items:[ 
     { 
     html:"<center><h1>OkShit</h1></center>", 
     styleHtmlContent:true 
     }, 
     { 
     xtype:'fieldset', 
     items:[ 
      { 
      xtype:'emailfield', 
      name:'email', 
      placeHolder:'E-Mail' 
      }, 

      { 
      xtype:'passwordfield', 
      name:'password', 
      placeHolder:'Password' 
      } 
     ] 
     }, 
     { 
     xtype:'button', 
     text:'Log In', 
     style:{ 
      marginBottom:'20px' 
     } 
     }, 
     { 
     xtype:'button', 
     text:'Sign Up' 
     } 
    ] 
    } 

}); 

Main.js

Ext.define("Blog.view.Main", { 
    extend:'Ext.Container', 

    config:{ 
    items:[ 
     { 
     xtype :'loginpanel' 
     } 
    ] 
    } 
}); 

app.js

views: ['Main', 'Login'], 

Я сделал некоторые исследования уже и кто-то предложил использовать

alias: 'widget.loginpanel' 

Я пробовал, но он все еще не работал. У кого-нибудь есть решение?

EDIT Это то, что я прямо сейчас, и он до сих пор ничего не = (

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    alias: 'widget.loginpanel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], ... 

Answer 1

В принципе делать, это на самом деле не нужно использовать псевдоним, потому что вы уже определили, что класс и зарегистрировал его с помощью xtype в Sencha Touch 2.

Какой браузер вы используете? вы выходите.