error no detectada: [Ext.createByAlias] No se puede crear una instancia de alias no reconocido: widget de

Question

Ésta es una vista sencilla que quiero para crear una instancia:

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("") 
    } 
}); 

he añadido la vista a mi controlador de la siguiente manera:

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

he utilizado el xtype en mi solicitud de la siguiente manera:

items:[{ 
    xtype : 'testpanel' 
}, 

Todavía me sale este error:

Uncaught Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: widget.testpanel

Agradecemos su ayuda.

Answer 1

Creo que olvidó agregar esta vista en app.js - Ext.Application's "views" array. Verifica.

Answer 2

Debe usar la propiedad de alias, con el prefijo del widget.

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

Answer 3

¿Se puede reparar agregando esto?

requires:[ 
    'myapp.view.Home' 
] 

Answer 4

Creo que necesita comprobar si los archivos están en el directorio correcto.

http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture

Aquí u podría encontrar referencias a entender qué podría ser incorrecto.

Comprobar si el objeto es myapp.view.Home en la aplicación del directorio/view/Home.js

alias debe ser como alias: '' widget.testpanel

y requiere: [ 'miaplicacion. view.Home '],

¿podría incluso publicar el archivo app.js?

Answer 5

Obtuve esta excepción cuando el valor xtype config/property (de la instancia del componente/objeto que se está creando) no coincidía con el nombre real de la configuración xtype de la clase xtype config/property value. Donde la instancia es la implementación diferida de un componente dentro de la configuración de elementos de su componente principal.

Answer 6

Puede solucionarlo agregando la clase de controlador en la vista.

controlador: 'ControllerClass',