Угловой JS Зависимость ошибка

Question

получить ошибку

Error: [$injector:unpr] Unknown provider: studstudentServiceProvider <- studstudentService <- studentCtrl

Моего main.js выглядит следующим образом:

require.config({ 
    //baseurl: '/Scripts/', 
    paths: { 
    'jquery': 'Scripts/jquery-2.2.0.min', 
    'angular': 'Scripts/angular', 
    'ngStorage': 'Scripts/ngStorage', 
    'ngCookies': 'Scripts/angular-cookies', 
    'ui-router': 'Scripts/angular-ui-router', 

    'bootstrap': 'Scripts/bootstrap', 
    'service': 'services/service', 
    'studentCtrl': 'controllers/studentCtrl', 
    //'homeCtrl': "controllers/homeCtrl", 
    //'accountCtrl': "controllers/accountCtrl", 
    //'filter': "filters/filter", 
    }, 
    shim: { 
    ngStorage: { 
     deps: ['angular'], 
     exports: 'angular' 
    }, 
    ngCookies: { 
     deps: ['angular'], 
     exports: 'angular' 
     }, 
    'ui-router': { 
     deps: ['angular'], 
     exports: 'angular' 
     }, 
     angular: { 
     exports: 'angular' 
     }, 
    bootstrap: { 
     deps: ['jquery'] 
    } 
    }, 
    deps: ['app'] 
    }); 

    require([ 
     "app", 

    "bootstrap", 
    "studentCtrl" 

    ], 

    function (app) { 
    //bootstrapping app 
    app.init(); 
    } 
    ); 

Моего app.js выглядит следующим образом:

define(['ui-router', 'ngStorage', 'ngCookies'], function() { 

    //defining angularjs module 
    var app = angular.module("app", ['ui.router', 'ngCookies', 'ngStorage']); 

    //global service 
    app.constant("utility", 
     { 
      baseAddress: "http://localhost:15985/api/" 
     }); 

    //manual bootstrap 
    app.init = function() { 
     angular.bootstrap(document, ['app']); 
    }; 

    //defining routes 
    app.config(function ($stateProvider, $urlRouterProvider) { 

     $urlRouterProvider.otherwise("/"); 

     $stateProvider 
      .state("home", { 
       url: "/", 
       templateUrl: 'views/home/home.html', 
       controller: 'homeCtrl' 
      }) 
     .state("students", { 
      url: "/students", 
      templateUrl: 'views/students/students.html', 
      controller: 'studentCtrl' 
     }); 
    }); 
    return app; 
}); 

Моего studentCtrl. js выглядит следующим образом:

define(['app', 'service'], function (app) { 
    app.controller("studentCtrl", function ($scope, studstudentService) { 
     $scope.students = []; 
     $scope.student = null; 
     alert('hi'); 
     //get User 
     $scope.get = function() { 
      $scope.student = this.student; 

     }; 

     // initialize your students data 
     (function() { 
      studentService.getStudentsList().success(function (data) { 
       $scope.students = data; 
      }).error(function (data) { 
       $scope.error = "An Error has occured while Loading students! " + data.ExceptionMessage; 
      }); 
     })(); 


    }); 
}); 

Моего service.js выглядит следующим образом:

define(['app'], function (app) { 
    //defining service using factory method 
    app.factory('studentService', function ($http, utility) { 
     var serviceurl = utility.baseAddress + "student/"; 
     return { 
      getStudentsList: function() { 
       var url = serviceurl + "GetStudents"; 
       return $http.get(url); 
      } 

     }; 
    }); 
}); 

Answer 1

Довольно простого

Вы инъекционный studstudentService но имя службы studentService, и они не являются таким же, написанием