angular typescript ui路由器没有重新加载页面

Question

我正在使用打字稿和ui-router开发一个1.5角应用程序。

这是我的route.ts文件

export class Route {

  static $inject = ['$location'];

  constructor(private $stateProvider: ng.ui.IStateProvider, private $urlRouterProvider: ng.ui.IUrlRouterProvider, private $locationProvide: ng.ILocationProvider) {
    this.init();
    this.$locationProvide.html5Mode({
        enabled: true,
        requireBase: false
        });
  }

  private init(): void {
    this.$stateProvider.state('/main', Route.defaultState());

    this.$urlRouterProvider.otherwise('/main');
  }

  private static defaultState(): ng.ui.IState {
    return {
        url: "/main", 
        template: "<h1>Hello from Main</h1>"
    }
  }


}

angular.module('app')
.config(($stateProvider: ng.ui.IStateProvider, $urlRouterProvider: ng.ui.IUrlRouterProvider, $locationProvider:ng.ILocationProvider) => {
    return new Route($stateProvider, $urlRouterProvider, $locationProvider)
});

并在module.ts中

import * as angular from 'angular';
import 'angular-ui-router';

angular.module('app.services', []);
angular.module('app', ['app.services', 'ui.router']);

首次加载时，应用会转到http://localhost:8080/main，但如果我重新加载，应用会显示＆＃34;无法获取/主要＆＃34;

不会抛出任何异常。你知道为什么会这样吗？我在html中没有任何基础设置。

提前致谢。