Error in console: Unrecognized alias: widget.feedform

[Umbo]

I have the following problem. When I press the 'Add New Feed' button in the feeds.js folder, which should call the 'onNewFeed' function (located in the MainController.js file), an error appears in the console 'Unrecognized alias: widget.feedform'. When I add 'MainController.js' in the file' requires: ['FeedViewer.view.main.FeedForm'] the console displays a '[Ext.Loader] error Some requested files failed to load.'

Structure folders:

//FeedViewer
    //app
        //view
           //main
               /MainController.js
               /MainModel.js
    //classic
    //modern
        //src
            //view
                //main
                    /FeedForm.js
                    /Feeds.js
                    /Main.js


//MainController.js

Ext.define('FeedViewer.view.main.MainController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.main',

     onNewFeed: function () {
        var navView = this.getView(),
            form = navView.child('feedform');

        if (!form) {
            navView.push({
                xtype: 'feedform',
                reference: 'feedform'
            });
        } else {
            navView.setActiveItem(form);
        }
    }

});


//FeedForm.js

Ext.define('FeedViewer.view.main.FeedForm',{
    extend:'Ext.form.Panel',
    xtype:'feedform',

    requires:[
        'Ext.Button',
        'Ext.field.Select',
        'Ext.form.FieldSet',
        'Ext.Toolbar'
    ],

    title:'New RSS Feed',

    items:[{
        xtype:'fieldset',
        items:[
            {
                xtype:'selectfield',
                label:'Select a new feed',
                labelAlign:'top',
                allowBlank:false,
                name:'feedUrl',
                options:[
                    {value :'http://rssfeeds.usatoday.com/usatoday-NewsTopStories', text :'USA Today Top Stories'},
                    {value :'http://sports.espn.go.com/espn/rss/news', text :'ESPN Top News'}
                ]
            }
        ]
    },{
        xtype:'toolbar',
        docked:'bottom',
        items:[{
            xtype:'button',
            reference:'savebutton',
            action:'save',
            ui:'action',
            text:'Add'
        }]
    }]
});


//Feeds.js

Ext.define('FeedViewer.view.main.Feeds',{
    extend:'Ext.grid.Grid',

    xtype:'feedslist',

    requires:[
        'ContactsApp.view.feeds.MainController',
        'ContactsApp.view.feeds.MainModel'

    ],

    viewModel:'feeds',
    controller:'feeds',


    columns:[
        {

            dataIndex:'feed',
            text:'feed'
        }

    ],

    items:[
        {
            xtype:'toolbar',
            docked:'left',
            items:[
                {   
                    xtype:'button'
                    text:'Add New Feed',
                    iconCls:'fa fa-plus',
                    listeners:{
                        click:'onNewFeed'

                    }

                }
            ]
        }
    ]
});

//Main.js

Ext.define('FeedViewer.view.main.Main',{
    extend:'Ext.tab.Panel',
    xtype:'app-main',

    requires:[
        'Ext.window.MessageBox',

        'FeedViewer.view.main.MainController',
        'FeedViewer.view.main.MainModel',
        'FeedViewer.view.main.List'

    ],

    controller:'main',
    viewModel:'main',
    layout:'column',

    items:[{
        xtype:'feedlist',
        columnWidth:0.5
    }
});

[Umbo]

Maybe you have any tips?

[phoebej89]

you should put

'FeedViewer.view.main.FeedForm'

into your

'FeedViewer.view.main.Feeds'

's

requires

[Umbo]

you should put

'FeedViewer.view.main.FeedForm'

into your

'FeedViewer.view.main.Feeds'

's

requires

I did it so but I still have an error:

[Ext.Loader] Some requested files failed to load.

[phoebej89]

I did it so but I still have an error:

[Ext.Loader] Some requested files failed to load.

requires:[
'ContactsApp.view.feeds.MainController',
'ContactsApp.view.feeds.MainModel'

],

did you confirm your app's namespace?
it's not 'FeedViewer'

[Umbo]

requires:[
'ContactsApp.view.feeds.MainController',
'ContactsApp.view.feeds.MainModel'

],

did you confirm your app's namespace?
it's not 'FeedViewer'

requires:[
'FeedViewer.view.feeds.MainController',
'FeedViewer.view.feeds.MainModel'

],

but still is error [Ext.Loader] Some requested files failed to load.

[mitchellsimoens]

Have you run a Cmd watch or dev build? Does it succeed? Cmd also generates meta data on where classes are and what alias they have which could help you even if you don't have things properly... so long as Cmd looks at that directory which looks like you are in a universal app so it should be fine with the file structure posted.

[Umbo]

Have you run a Cmd watch or dev build? Does it succeed? Cmd also generates meta data on where classes are and what alias they have which could help you even if you don't have things properly... so long as Cmd looks at that directory which looks like you are in a universal app so it should be fine with the file structure posted.

In classic, everything works. In the modern version, the Main.js file does not look for FeedForm.js and Feeds.js files in the modern folder only in the app folder.
I tried to move FeedForm.js and Feeds.j to the app folder, listeners are not working in the Main.js file