Controllers not loading from within Viewport controller

[GFI_SI]

I have a login, profile and settings view and a controller for each. In my viewport controller I define as follows.

Ext.define('testapp.controller.Viewport', {
    extend: 'Ext.app.Controller',
    views: ['Login', 'Profile', 'Settings'],
    controllers: ['Login', 'Profile', 'Settings'],

......

However, the js files for my controllers don't seem to load and the log messages in their init methods don't show, and any events from my views can only seem to be handled in my Viewport controller, but I want the views respective controller to handle those events.

The js files for the views seem to load and their init and launch methods execute as expected.

I'm not sure what I'm doing wrong here.

[GFI_SI]

Can controllers only be dynamically loaded from within the app.js ? When I move them there, they behave as expected.