angular-ui-router模板和控制器未加载

Question

我试图将我的应用转换为使用angular-ui-router，但我无法加载模板/控制器。我想在每个模块中定义每个路由，而不是在app / index.js文件中定义。我已将应用程序配置为默认为登录页面，当提供不正确的URL时，该页面将正确地将URL更改为/ login。但是，没有加载登录模板和控制器，当我刷新页面时，我看到无法GET /登录。我不知道我的代码有什么问题：

app / index.js

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

$urlRouterProvider.otherwise('/login');

应用程序/ index.html的

<!-- content -->
<div id="main" ui-view></div>

应用程序/登录/ login.routes.js

(function(){
'use strict';

angular.module('loginModule')
.config(function($stateProvider) {
    $stateProvider.state('login', 
    {
        abstract: true,
        url: '/login',
        templateUrl: 'app/login/login.html',
        controller: 'loginController',
        controllerAs: 'vm'
    });
});

})();

应用程序/登录/ login.controller.js

(function(){
'use strict';

angular.module('loginModule')
.controller('loginController', login);
...

应用程序/登录/ login.html的

<div id="login-content" class="col-md-8" ui-view>
...