javascript - 尽管注入(inject)了 ui-router，$urlRouterProvider 仍导致错误 - angularjs

Question

我正在使用 ui-router 进行 Angular 路由 - 并且状态和 $stateProvider 都运行顺利。

但是，$urlRouterProvider 导致错误 - 具体来说:

Failed to instantiate module MyApp due to:
TypeError: Cannot read property 'otherwise' of undefined

这是我的配置:

angular.module('MyApp', ['ngResource', 'mgcrea.ngStrap', 'stripe', 'ui.router', 'ui.bootstrap',  'ui.bootstrap.datepicker', 'ui.bootstrap.datetimepicker', 'ngAnimate'])
.config(['$locationProvider', '$stateProvider', '$urlRouterProvider',  function($locationProvider, $stateProvider, stripeProvider, $urlRouterProvider){

//This console log is undefined
console.log($urlRouterProvider);

// catch all route
$urlRouterProvider.otherwise('/');
$locationProvider.html5Mode(true);

    $stateProvider
        // route to show our basic form (/form)
        .state('form', {
            url: '/',
            templateUrl: 'views/home.html',
            controller: 'formController'
        })
        // nested states 
        // each of these sections will have their own view
        // url will be nested (/form/profile)
       .state('form.date', {
            url: 'date',
            templateUrl: 'views/form-date.html'
        })
        // url will be /form/interests
        .state('form.address', {
            url: 'address',
            templateUrl: 'views/form-interests.html'
        })
        // url will be /form/payment
        .state('form.payment', {
            url: 'payment',
            templateUrl: 'views/form-payment.html'    
        });
}]);

我错过了什么？

Answer 1

这是错误的

.config(['$locationProvider', '$stateProvider', '$urlRouterProvider',  function($locationProvider, $stateProvider, stripeProvider, $urlRouterProvider)

应该是:

.config(['$locationProvider', '$stateProvider', 'stripeProvider', '$urlRouterProvider',  function($locationProvider, $stateProvider, stripeProvider, $urlRouterProvider)