未捕获的ReferenceError:$ stateProvider未定义Angular UI路由器

Question

出于某种原因,我收到此错误未捕获的ReferenceError:$ stateProvider未定义,即使angular-ui-router.js正在加载正常.

开发工具中的错误

这是我的 app.js

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

app.config([$stateProvider, $urlRouterProvider, function($stateProvider, $urlRouterProvider) {

      $urlRouterProvider.otherwise('/');

      $stateProvider
        .state('main',
          { 
            url: '/',
            templateUrl: '/partials/main', 
            controller: 'mainCtrl'
          });
    }
]);

Answer 1

app.config([$stateProvider, $urlRouterProvider, function($stateProvider, $urlRouterProvider) 

应该读

app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider)`

正如@charlietfl指出它缺少的引号.