Angular Js $injector:unpr error

Question

I am new to angular and I was trying to implement a custom service. Code is below:

app.js

angular.module('hrg', [
  'ui.router',
  'ui.bootstrap',
  'ngTouch',
  'ngAnimate',
  'ngCookies',
  'hrg.home'
])

.service('userService', ['', function(){
//data
}])

home.js

angular.module('hrg.home', ['ui.router'])

.controller('HomeController', ['$scope','$http','$cookies','$state','consts', 'userService',
  function($scope, $http, $cookies, $state, consts, userService) {
  //data
}])

index.html

<script src="app.js"></script>
<script src="components/home/home.js"></script>

The error is: [$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=userServiceProvider%20%3C-%20userService%20%3C-%20HomeController

What is it that I am doing wrong?

Pankaj Parkar Pankaj Parkar · Accepted Answer · 2016-02-21T20:28:37

You have put a '' inside userService inline DI array, which ask for '' that is culprit of your issue. Because when you inject userService dependency inside controller, angular injector goes for creating an instance of userService service.

When resolving dependency from userService DI array, it passes '' to injector, then first it creates provider name by concatenate it with Provider suffix like ''+ 'Provider with result to Provider as dependency name & obviously there is no such dependency present. So angular is throwing an exception $injector/unpr? means Injector unknown provider

Change below service code

                    //VVVVVVV//unwanted '' blank dependency
.service('userService', ['', function(){
   //data
}])

to

.service('userService', [function(){ //removed `''` dependency
   //data
}])

Angular Js $injector:unpr error

1 Answers