EXTjs 5 Routing Problem after changing autoCreateViewport to false

Hi ,

I am using the same routing mechanism given in the example executive dashboard. Recently i got a requirement to load some data before view is created. So i changed autoCreateViewport to false and i am creating viewport manually in app launch store load call back function.

Code:

launch : function() {
                console.log('launching application....');
                
                var store = Ext.getStore('MyApp.store.UserDetail');
                   store.on('load', function(){
                           Ext.create('Myapp.view.main.Main'); //i added plugin 'viewport' this class
                    }, this, {single : true});
                
                Ext.tip.QuickTipManager.init();
                // TODO - Launch the application
        },

After doing this my routing is not working.When ever i do page refresh it is not creating the view and displaying it by default. I need to go and click on tabs to display the view.

What is the difference between creating viewport automatically and manually. Do i need to initialize routing when i created it manually?

EXTjs 5 Routing Problem after changing autoCreateViewport to false