javascript - 警告 : Tried to load angular more than once. 用户界面路由器

Question

面对一些奇怪的ui-router angularjs。我正在使用这些框架配置单页应用程序。这是我的代码

function initWmappConfig($stateProvider, $locationProvider, $compileProvider) {
    $locationProvider.html5Mode(true);
    $stateProvider.
        state('login', { url: '/', templateUrl: '/Views/login', controller: 'login-controller', controllerAs: 'vm' })
        .state('register', { url: '/register', templateUrl: '/Views/Register', controller: 'login-controller', controllerAs: 'vm' });

    $stateProvider.state('otherwise', {url: '/'});

    $compileProvider.debugInfoEnabled(false);
}

如果我使用上述配置，我将面临这场 war

WARNING: Tried to load angular more than once

但另一方面，如果我简单的改变

$locationProvider.html5Mode(false);

然后一切似乎都正常...

请告诉我为什么会这样。

谢谢

Answer 1

那是因为你没有在templateUrl中提到.html扩展名

  state('login', { url: '/', templateUrl: '/Views/login.html', controller: 'login-controller', controllerAs: 'vm' })
  .state('register', { url: '/register', templateUrl: '/Views/Register.html', controller: 'login-controller', controllerAs: 'vm' });

另外对于otherwise，你需要使用$urlRouterProvider

$urlRouterProvider.otherwise('/');