Declaration error when following 'Getting Started' tutorial

[pappy]

I have been following this tutorial http://docs.sencha.com/touch/2-0/#!/guide/getting_started to create this application http://docs.sencha.com/touch/2-0/#!/guide/first_app which involves creating a small site with a Home page, a Contact page, and a Blog page.

Everything went fine for the first two pages, but when I reached the Blog page, I hit an error I can't work out.

Uncaught Error: The following classes are not declared even if their files have been loaded: 'GS.view.Blog'. Please check the source code of their corresponding files for possible typos: 'app/view/Blog.js

This is my code on blog.js

Ext.define('GS.view.Blog', {
    extend: 'Ext.navigation.View',
    xtype: 'blog', 

This is my code on main.js

  { xtype: 'blog' }, 

and this is my code on app.js

views: ['Main', 'Home', 'Contact', 'Blog'], 

As you can see, the declarations are all correct. Or at least, they look correct to me.
But it's still not running.

I'm sure it's a simple mistake I've made. Does anyone know how to fix it?

[mitchellsimoens]

First issue is your file blog.js or Blog.js?