title: Failing to use/integrate restangular into my AngularJS app
body: <p>I am trying to build a small AngularJS app to work on a page I have created with the use of restangular for consuming the apis but I keep getting the following error:</p>
  
  <pre><code>Error: [$injector:modulerr] Failed to instantiate module productConnectApp due to:
  </code></pre>
  
  <p>[$injector:unpr] Unknown provider: a
  <a href="http://errors.angularjs.org/1.5.5/" rel="nofollow noreferrer">http://errors.angularjs.org/1.5.5/</a>$injector/unpr?p0=a</p>
  
  <p>The errors seems to be happening in the lodash library which I have included as restangular is dependent on lodash. I have installed restangular using bower.</p>
  
  <p>My page includes:</p>
  
  <pre><code>&lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/lodash/lodash.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/restangular/dist/restangular.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/app.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/controllers.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/services.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My app.js file that I am trying to use to enable restangular</p>
  
  <pre><code>angular.module('productConnectApp', ['restangular'])
  .config(function(RestangularProvider) {
      RestangularProvider.setBaseUrl('http://localhost:3000/api/');
      //RestangularProvider.setDefaultHttpFields({cache: true});
      //RestangularProvider.setMethodOverriders(["put", "patch"]);
  })
  .controller('homeController', ['$scope', function($scope, Restangular) {
      //alert('all good');
      console.log('all goood');
      var baseClients = Restangular.all('clients');
      var baseProducts = Restangular.all('products');
      baseClients.getList().then(
          function(clients){
              $scope.clients = clients;
          },
          function(){
              console.log('error fetching clients');
          });
      baseProducts.getList().then(
          function(products){
              $scope.products = products;
          }, function() {
              console.log('error fetching products');
          });
  }]);
  </code></pre>