angularjs - 異なるファイルの場合、サブモジュールのルートがロードされない

Question

私は AngularJS を RequireJS と ui-router と共に、Play Framework 2.3 (および WebJars のもの) と共に使用しています。

main.js

(function () {
    'use strict';

    requirejs.config({
        // Packages = top-level folders; loads a contained file named 'main.js"
        packages: ['dashboard'],
        paths: {
            'angular': ['../lib/angularjs/angular'],
            'angular-ui-router': ['../lib/angular-ui-router']
        },
        shim: {
            'angular': {
                exports: 'angular'
            },
            'angular-ui-router': {
                deps: ['angular'],
                exports: 'angular'
            }
        }
    });

    require(['angular', 'angular-ui-router', './app'],
        function (angular) {

            var mod = angular.module('app', ['ui.router']);

            mod.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider) {
                $locationProvider.html5Mode(true).hashPrefix('!');
                $urlRouterProvider.otherwise('/app/profile');
                $stateProvider.state('profile', {
                    abstract: true,
                    url: '/app/profile',
                    templateUrl: '/views/app/content',
                    controller: 'AppController'
                });
            }]);

            angular.bootstrap(document, ['app']);

        });

})();

app.js

define(['angular', 'dashboard'], function(angular) {
  'use strict';

  return angular.module('app', ['app.dashboard']);
});

ダッシュボード/main.js

define(['angular', './routes'], function(angular) {
  'use strict';
  return angular.module('app.dashboard', ['dashboard.routes']);
});

ダッシュボード/routes.js

define(['angular'], function(angular) {
  'use strict';

  var mod = angular.module('dashboard.routes', []);
  console.log("Enter the routes.js"); // DOES WORK
  mod.config(['$stateProvider', function($stateProvider) {
      console.log("Enter the config file in routes.js"); // DOESN'T WORK, NEVER REACH THAT POINT
      $stateProvider.state('profile.dashboard', {
          url: '',
          templateUrl: '/views/app/dashboard'
      });
  }]);
  return mod;
});

サブモジュールで定義された状態は読み込まれませんが、それらをメインの main.js に配置すると機能します:

mod.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider) {
    $locationProvider.html5Mode(true).hashPrefix('!');
    $urlRouterProvider.otherwise('/app/profile');
    $stateProvider.state('profile', {
        abstract: true,
        url: '/app/profile',
        templateUrl: '/views/app/content',
        controller: 'AppController'
    })
   .state('profile.dashboard', {
          url: '',
          templateUrl: '/views/app/dashboard'
   });
   ;
  }]);

これは本当に RequireJS での読み込みに関する問題ですが、何が問題なのかわかりません..

何か案は ？ありがとう