永远不会调用Angular Module Config块

Question

未调用Angular Config模块。

在下面的代码段中，app.state.js被调用，但配置部分却没有被调用。请帮我解决这个问题。

这用于jhipster应用程序

**app.module.js :**

(function() {
'use strict';

 var app= angular
    .module('IloadsApp', [
        'ngStorage',
        'tmh.dynamicLocale',
        'pascalprecht.translate',
        'ngResource',
        'ngCookies',
        'ngAria',
        'ngCacheBuster',
        'ngFileUpload',
        'ui.bootstrap',
        'ui.bootstrap.datetimepicker',
        'ui.router',
        'infinite-scroll',
        // jhipster-needle-angularjs-add-module JHipster will add new module here
        'angular-loading-bar'
    ]);
   app.run(run);

run.$inject = ['stateHandler', 'translationHandler'];

function run(stateHandler, translationHandler) {
    stateHandler.initialize();
    translationHandler.initialize();
}
})();


**app.state.js :**

(function() {

'use strict'; 
angular
.module('IloadsApp')
.config(stateConfig);

stateConfig.$inject = ['$statePsrovider'];

alert ("before Inside ");

function stateConfig($stateProvider) {
    alert ("Inside ");
    $stateProvider.state('app', {
        abstract: true,

        views: {
            'navbar@': {
                templateUrl: 'app/navbar/navbar.html',
                controller: 'NavbarController',
                controllerAs: 'vm'
            }
        },
        resolve: {
            authorize: ['Auth',
                function (Auth) {
                    return Auth.authorize();
                }
            ],
            translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                $translatePartialLoader.addPart('global');
            }]
        }
    });
}
alert("After");
})();