Приложение Backbone.js + require.js: не возвращается представление модуля, загруженное с помощью require.js

У меня есть два магистральных представления. Один из них является основным видом, а другой — видом, который будет использоваться внутри основного вида. Я делаю отдельные модули для различных представлений. У меня загружается основной вид и он нормально работает с маршрутизатора. Вот два моих взгляда:

ОСНОВНОЙ ВИД:

 define([
    'jquery',
    'backbone',
    'metros/docsMetro'
], 
function($, Backbone, docsMetro) {
    //Main Dashboard View
    var Dashboard = Backbone.View.extend({
            el: $('#mainContent'),
            events: {

            },


            initialize: function() {
                console.log('test');
                //Validate User Here most likely.  Each of the main view's for each app should probably call the same validation function


            },

            render: function (){
                console.log('testing render');

            }

        });


    // Return the Main Dashboard View
    return new Dashboard;

Файл «metros/docsMetro», который загружается с требованием, находится вверху. Я вижу, что это представление загружается и выполняется через файл init.

define([
    'jquery',
    'backbone'
], 
function($, Backbone) {
    //Docs Metro View
    var docsMetro = Backbone.View.extend({
            el: $('.docs'),
            events: {},

            initialize: function() {
                console.log('docs Metro');

            },

            render: function (){
                console.log('redering docs');

            }

        });

    // Return the View
    return new docsMetro;
});

Моя проблема заключается в том, что в основном представлении переменная docsMetro, которая должна быть возвращенным представлением docsMetro, возвращается к нулю.

Что я упускаю, вроде все правильно настроил?