title: angular 1.6.2 $resource not working
body: <p>am learning angular 1.6.2 and am stuck with the $resource getting  Error: [$injector:unpr] <a href="http://errors.angularjs.org/1.6.2/" rel="nofollow noreferrer">http://errors.angularjs.org/1.6.2/</a>$injector/unpr?p0=HomeServiceProvider%20%3C-%20HomeService<br>
  am not sure what the problem could be please help me</p>
  
  <p>controller.js </p>
  
  <pre><code>"user strict";
  
  angular.module('app')
  .component('home', {
    restrict: 'E',
    scope: {},
    templateUrl: 'home/home.html',
  controller: HomeController
  
  function HomeController(HomeService) {
     var vm = this;
      vm.message = 'Hi from home page';
  
      vm.users = HomeService.query();
  };
  </code></pre>
  
  <p>service.js</p>
  
  <pre><code>"use strict";
  
  angular
      .module('app.services', [])
      .factory('HomeService', HomeService);
  
  HomeService.$inject = ['$resource'];
  
  function HomeService($resource) {
      return $resource('http://jsonplaceholder.typicode.com/users/:user', {user: '@user'}, {
          update: {
              method: 'PUT'
          }
      });
  }
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>"use strict";
  
  angular.module("app", [
  
    "ui.router",
    "ngResource",
    "app.service"
  ])
  .config([
    "$stateProvider",
    "$urlRouterProvider",
    "$locationProvider",
  
      function ($stateProvider,$urlRouterProvider ,$locationProvider) {
  
         $locationProvider.hashPrefix('');
         $urlRouterProvider.otherwise('/');
          $stateProvider
              .state('/home',
              {
                  url: "/",
                  template: "&lt;home&gt;&lt;/home&gt;"
              })
              .state('/about',
              {
                  url: "/about",
                  template: "&lt;about&gt;&lt;/about&gt;"
              })
              .state('/contact',
              {
                  url: "/contact",
                  template: "&lt;contact&gt;&lt;/contact&gt;"
              });
      }
  ]);
  </code></pre>