Classes are not declared. Simple MVC with store

[sealpond]

Hi
I get an error msg when i try to load a store in my app. The error msg is Uncaught Error: The following classes are not declared even if their files have been loaded: 'App.store.Events'.

My app.js

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


Ext.application({
  name: 'App',
  models: ['Event'],
  controllers: ['Main'],
  stores: ['Events'],
  
  launch: function() {
      Ext.create('App.view.Viewport');
  }
});

My Model Event.js

Ext.define('App.model.Event', {
  extend: 'Ext.data.Model',
  fields: ['event_date', 'event_title', 'event_body', 'event_image']
  });

My Controller Main.js

Ext.define('App.controller.Main', {
  extend: 'Ext.app.Controller',
  
  views: ['Home', 'Products', 'Blog', 'Contact']
  
});

My Store Events.js

Ext.regStore('App.store.Events', {
    extend: 'Ext.data.Store',
    model: 'App.model.Event',
    config: {
    autoLoad: true,
    proxy: {
      type: 'scripttag',
      url : 'http://broken.se/app/fetch_events'
    }
}
});

My View Blog.js

Ext.define('App.view.Blog', {
  extend: 'Ext.List',
  xtype: 'blogpage',
  store: 'App.store.Events',
  config: {
    title: 'Blog',
    iconCls: 'star',
    itemTpl: '{event_title}'
  }
});

Its feels like i have forgot to load the store somewhere but cant find any answer to how in the forums.

[paul_todd]

Did you really intend to use Ext.regStore rather than Ext.define?

[sealpond]

Did you really intend to use Ext.regStore rather than Ext.define?

Not by purpose, cant say i really know the difference though, but thanks alot, you have saved my day