angular typescript ui router doesn't reload page

I am developing a angular 1.5 app with typescript and ui-router.

Here is my route.ts file

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)
});

and in the module.ts

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

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

At the first of the load, the app goes to http://localhost:8080/main but if i reload, the app shows "Cannot GET /main"

No exception is thrown. Do you have any idea why this could happen? I don't have any base set in the html.

Thanks in advance.