title: angular Error: $injector:modulerr Module Error
body: <p>I am trying to run one of Angular Materials examples but for the life of me I can't figure out why I'm getting this error. </p>
  
  <p>The error I am getting is <code>Error: $injector:modulerr Module Error</code></p>
  
  <p>This is the error report I got: <a href="https://docs.angularjs.org/error/$injector/modulerr?p0=MyApp&amp;p1=Error:%20%5B$injector:nomod%5D%20http:%2F%2Ferrors.angularjs.org%2F1.4.8%2F$injector%2Fnomod%3Fp0%3DMyApp%0A%20%20%20%20at%20Error%20(native)%0A%20%20%20%20at%20https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:6:416%0A%20%20%20%20at%20https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:24:186%0A%20%20%20%20at%20b%20(https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:23:251)%0A%20%20%20%20at%20https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:23:494%0A%20%20%20%20at%20https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:38:117%0A%20%20%20%20at%20n%20(https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:7:333)%0A%20%20%20%20at%20g%20(https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:37:488)%0A%20%20%20%20at%20eb%20(https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:41:249)%0A%20%20%20%20at%20c%20(https:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js:19:463" rel="noreferrer">link</a></p>
  
  <p>Any ideas what the issue could be? I practically copy-pasted this from their examples website. </p>
  
  <p>Here is the code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
  
  .controller('AppCtrl', function($scope) {
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.buttondemoBasicUsage section {
    background: #f7f7f7;
    border-radius: 3px;
    text-align: center;
    margin: 1em;
    position: relative !important;
    padding-bottom: 10px; }
  
  .buttondemoBasicUsage md-content {
    margin-right: 7px; }
  
  .buttondemoBasicUsage section .md-button {
    margin-top: 16px;
    margin-bottom: 16px; }
  
  .buttondemoBasicUsage .label {
    position: absolute;
    bottom: 5px;
    left: 7px;
    font-size: 14px;
    opacity: 0.54; }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"&gt;&lt;/script&gt;
  
  &lt;div ng-controller="AppCtrl" ng-cloak="" class="buttondemoBasicUsage" ng-app="MyApp"&gt;
    &lt;md-content&gt;
  
      &lt;section layout="row" layout-sm="column" layout-align="center center" layout-wrap=""&gt;
        &lt;md-button class="md-icon-button md-primary" aria-label="Settings"&gt;
          &lt;md-icon md-font-icon="icon-home"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
        &lt;md-button class="md-icon-button md-accent" aria-label="Favorite"&gt;
          &lt;md-icon md-font-icon="icon-home"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
        &lt;md-button class="md-icon-button" aria-label="More"&gt;
          &lt;md-icon md-font-icon="icon-home"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
        &lt;md-button href="http://google.com" title="Launch Google.com in new window" target="_blank" ng-disabled="true" aria-label="Google.com" class="md-icon-button launch"&gt;
          &lt;md-icon md-font-icon="icon-home"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
        &lt;div class="label"&gt;Icon Button&lt;/div&gt;
      &lt;/section&gt;
    &lt;/md-content&gt;
  &lt;/div&gt;
  
  &lt;!--
  Copyright 2016 Google Inc. All Rights Reserved. 
  Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at http://material.angularjs.org/license.
  --&gt;</code></pre>
  </div>
  </div>
  </p>