Uncaught ReferenceError: $stateProvider is not defined Angular UI Router

问题

For some reason I'm getting this error Uncaught ReferenceError: $stateProvider is not defined even though angular-ui-router.js is being loaded fine.

the error in Dev Tools

here is my 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'
          });
    }
]);

回答1:

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

should read

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

As @charlietfl pointed out its missing quotes.

来源：https://stackoverflow.com/questions/23975827/uncaught-referenceerror-stateprovider-is-not-defined-angular-ui-router