title: Angular JS Error: [$injector:unpr] Unknown provider
body: <p>I am new to angular js, I am trying to make a custom service, i have copy and paste a piece of code making a custome service but i am always getting this error,</p>
  
  <pre><code>Error: [$injector:unpr] Unknown provider: serviceProvider &lt;- service &lt;-         MainController
  http://errors.angularjs.org/1.4.3/$injector/unpr?p0=serviceProvider%20%3C-  %20service%20%3C-%20MainController
  at REGEX_STRING_REGEXP (angular.js:68)
  at angular.js:4262
  at Object.getService [as get] (angular.js:4409)
  at angular.js:4267
  at getService (angular.js:4409)
  at Object.invoke (angular.js:4441)
  at $get.extend.instance (angular.js:8999)
  at nodeLinkFn (angular.js:8109)
  at compositeLinkFn (angular.js:7541)
  at publicLinkFn (angular.js:7416)(anonymous function) @ angular.js:12330
  </code></pre>
  
  <p>here is my custom service implementation</p>
  
  <pre><code>(function () {
      var myModule = angular.module('app', ['onsen']);
      myModule.service('service', ["$http", function ($http) {
          var test = function (usertoken) {
              alert("fffffffffffffffffffff");
  
          }
          return {
              getUserSites: getUserSites
          };
      }]);
  })();
  </code></pre>
  
  <p>and here is my module implementation :</p>
  
  <pre><code>(function () {
      var myApp = angular.module('app', ['onsen']);
  
      var MainController = function ($scope, $http, $interval, service) {
          $scope.clciclme = function () {
              alert("HIIIIIIIIIIIIIIIIIIII");
          }
      }
      myApp.controller('MainController', MainController);
  })();
  </code></pre>
  
  <p>Please help, what is making this error ?</p>