来自ui.router.router的未知提供者 - $ locationProvider

Question

var mysite = angular.module（'myApp'，['ui.router'，'ui.bootstrap']）;

mysite.config（function（$ stateProvider，$ urlRouterProvider，$ locationProvider）{

$urlRouterProvider.otherwise('/portfolio');

$stateProvider

    // HOME STATES AND NESTED VIEWS ========================================
    .state('portfolio', {
        url: '/portfolio',
        templateUrl: 'portfolio/portfolio.html',
        controller: 'MainController'

    })
    .state('about', {
        url: '/about',
        templateUrl: 'about/about.html',
        controller: 'MainController'

    })
    .state('contact', {
        url: '/contact',
        templateUrl: 'contact/contact.html',
        controller: 'MainController'

    })     

}）;

我在运行页面时收到来自ui.router.router的未知提供者：$ locationProvider。

如果我在代码中遗漏了某些内容，请提供帮助。

Answer 1

使用

mysite.config(function($stateProvider, $urlRouterProvider)

而不是

mysite.config(function($stateProvider, $urlRouterProvider, $locationProvider )