Question

在Senchacon 2011的深度第1部分会话中关注Sencha Touch 2 MVC时，我再次遇到同样的错误：

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

在extjs4中的Normaly我会使用别名：widget.homepage 并且它运行正常。但是，当在Edcha Spencer的Sencha Touch MVC应用程序教程中，我一直得到同样的错误：

APP.JS

Ext.Loader.setConfig({
    enabled:true
});

Ext.application({
    name: 'Sencha',

    controllers: ['Main'],

    launch: function () {
        Ext.create("Ext.tab.Panel", {
            fullscreen: true,
            tabBarPosition: 'bottom',
            items: [
               {
                   xtype: 'homepage'
               }
            ]
        });
    }
});

查看（HOME.JS）

Ext.define('Sencha.view.Home', {
    extend: 'Ext.Panel',
    xtype: 'homepage',
    config: {
        title: 'Home',
        iconCls: 'home',
        cls: 'home',
        html: [
            '<img src="http://staging.sencha.com/img/sencha.png" />',
            '<h1>Welcome to Sencha Touch</h1>',
            "<p>You're creating the Getting Started app. This demonstrates how ",
            "to use tabs, lists and forms to create a simple app</p>",
            '<h2>Sencha Touch (2.0.0)</h2>'
        ].join("");
    }
});

控制器（MAIN.JS）

Ext.define('Sencha.controller.Main', {
    extend: 'Ext.app.Controller',
    views: ['Home'],
    init: function () {
        console.log('inited');
    }
});

Answer 1

看起来他们更改了视图定义的位置 - 它位于app.js而不是控制器main.js。

因此，如果您将views: ['Home'],的{{1}}剪切并粘贴到main.js定义正上方的app.js，那么您的示例应该有用。

从长远来看，这在我看来是件好事 - 基本上你现在在一个地方定义你的观点，控制器，模型等。但令人遗憾的是，通过进行此更改，任何试图使用最新版本的Sencha 2来跟随此视频的人都会遇到这个问题。

编辑：发现另一个问题。当你到达在控制器中为联系表单添加ref的部分时，它的语法也发生了变化 - 它进入了一个配置。将此添加到控制器对我有用：

controllers:

Answer 2

如果有人遇到同样的问题，我正在定义配置属性fullScreen（camelCase）而不是全屏（小案例）。

我修好问题后解决了。

在Sencha Touch 2中创建xtype？

2 个答案: