Uncaught Error: [Ext.create] Invalid class name or alias 'undefined' specified

[PhoenixSenchaBeginner]

Hi guys. I'm new to sencha touch development.
I've been trying to get something like the kittens list example running from the tutorial at this link:
http://www.sencha.com/blog/dive-into...ouch-2-beta-2/

I have three views whose code is as follows:

--------
Main.js
--------

Ext.define("Example.view.Main", {
    extend: 'Ext.tab.Panel',
    requires: [
        'Ext.TitleBar',
        'Ext.Video',
        'Ext.carousel.Carousel'
    ],
    config: {
        tabBarPosition: 'bottom',


        items: [
	        {
	    		xtype: 'carousel',
				title: 'Menu',
                iconCls: 'favorites',


                items: [
	    			{
		    			style: "background-color: #292728; color:#E22028;",
			    		title: "Page 1",
			    		html: 'Menu'
	    			},
	    			
	    			{ xtype: 'menulist' }
	    		]
	    	}
        ]
    }
});

------------
menuList.js
------------

Ext.define('Example.view.menuList', {
    extend: 'Ext.dataview.DataView',
    xtype: 'menulist',
    requires: [
        'Example.view.menuListItem',
        'Ext.data.Store'
    ],
    config: {
	    useComponents: true,
	    defaultType: 'menulistitem',
	    store: {
	        fields: [
	            "name",
	            "image",
	            { name: "cuteness", type: 'int' }
	        ],
	        data: [
	           { name: 'Yawning kitten', image: 'data/images/kitten1.jpg', cuteness: 70 },
	           { name: 'Sitting kitten', image: 'data/images/kitten2.jpg', cuteness: 90 },
	           { name: 'Evil kitten', image: 'data/images/kitten3.jpg', cuteness: 70 },
	           { name: 'Ginger kitten', image: 'data/images/kitten4.jpg', cuteness: 80 },
	           { name: 'Kitten friends', image: 'data/images/kitten5.jpg', cuteness: 20 },
	           { name: 'Milk kitten', image: 'data/images/kitten6.jpg', cuteness: 50 }
	        ]
	    }
    }
});

--------------
menuListItem
--------------

Ext.define('Example.view.menuListItem', {
    extend: 'Ext.dataview.component.DataItem',
    xtype: 'menulistitem',
 
    config: {
    	
        dataMap: {
            getImage: {
                setSrc: 'image'
            },


            getName: {
                setHtml: 'name'
            },


            getSlider: {
                setValue: 'cuteness'
            }
        },
    	
        image: true,
 
        name: {
            cls: 'x-name',
            flex: 1
        },
 
        slider: {
            flex: 2
        },
 
        layout: {
            type: 'hbox',
            align: 'center'
        }
    },
    
	applyImage: function(config) {
	return Ext.factory(config, Ext.Img, this.getImage());
	},
 
	updateImage: function(newImage, oldImage) {
		if (newImage) {
			this.add(newImage);
		}
	 
		if (oldImage) {
			this.remove(oldImage);
		}
	},
	
	applyName: function(config) {
        return Ext.factory(config, Ext.Component, this.getName());
    },
    
    updateName: function(newName, oldName) {
        if (newName) {
            this.add(newName);
        }


        if (oldName) {
            this.remove(oldName);
        }
    },
    
    applySlider: function(config) {
        return Ext.factory(config, Ext.slider.Slider, this.getSlider());
    },
    
    updateSlider: function(newSlider, oldSlider) {
        if (newSlider) {
            this.add(newSlider);
        }


        if (oldSlider) {
            this.remove(oldSlider);
        }
    }
});

When I run it in the browser i get the error:
Uncaught Error: [Ext.create] Invalid class name or alias 'undefined' specified, must be a non-empty string

How can i fix this please?

[suzuki1100nz]

Run a debugger in the browser - set a break point and find out the components alias name that is undefined.
Look up the call stack to see which component is being initialised

[the_Chameleon]

hello,

Can you copy your app code (Ext.Application).

You have to specify all component in you application classe.

[the_Chameleon]

see this example
http://www.sencha.com/learn/meet-the-list-component/
Here's the source code on GitHub: github.com/senchalearn/Presidents.