title: angular 1.5.5 material design gives me Unknown provider: $$HashMapProvider <- $$HashMap <- $$animateQueue <- $animate error
body: <p>I am trying to use angular material 1.5.5 with angular 1.6.5. My code is as shown below:</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;xyz&lt;/title&gt;
  
  &lt;/head&gt;
  
  &lt;body ng-app="xyz"&gt;
      &lt;ng-view&gt;&lt;/ng-view&gt;
      &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Angular Material Library --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"&gt;&lt;/script&gt;
  
  
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/config.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>angular.module('xyz', [
      'ngRoute',
      'ngMaterial',
      'ngAnimate'
  ]).
  config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
          $routeProvider.
          when("/home", { templateUrl: "template/home.html", controller: "homeController" }).
          otherwise({ redirectTo: '/login' });
      }]);
  </code></pre>
  
  <p>bower.json</p>
  
  <pre><code>{
      "name": "xyz",
      "description": "",
      "main": "index.js",
      "authors": [
          "mjet"
      ],
      "license": "ISC",
      "homepage": "",
      "private": true,
      "ignore": [
          "**/.*",
          "node_modules",
          "bower_components",
          "app/bower_components",
          "test",
          "tests"
      ],
      "dependencies": {
          "angular": "~1.6.5",
          "angular-route": "~1.6.5",
          "angular-bootstrap": "~0.13.0",
          "bootstrap": "~3.3.5"
      },
      "resolutions": {
          "angular": "~1.6.x"
      }
  }
  </code></pre>
  
  <p>But somehow it is giving me this error:</p>
  
  <pre><code>SCRIPT5022: [$injector:unpr] Unknown provider: $$HashMapProvider &lt;- $$HashMap &lt;- $$animateQueue &lt;- $animate &lt;- $compile &lt;- $$animateQueue
  
  http://errors.angularjs.org/1.6.6/$injector/unpr?p0=%24%24HashMapProvider%20%3C-%20%24%24HashMap%20%3C-%20%24%24animateQueue%20%3C-%20%24animate%20%3C-%20%24compile%20%3C-%20%24%24animateQueue
  </code></pre>