無法初始化ngRoute，ngMaterial，獲取Angular Js未捕獲錯誤：[$ injector：modulerr]

Question

我遇到了Angular JS接收到錯誤的問題：Uncaught Error：[$ injector：modulerr]。我無法初始化ngRoute和ngMaterial。我app.js文件看起來像，

var myApp = angular.module("myApp", ['ngRoute','ngMaterial']);

鑑於我包括

<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css'> 
 
    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>  
 
    <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>  
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-animate.min.js"></script> 
 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"></script>  
 
    <script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js'></script> 
 
    <script src="js/app.js"></script>

Answer 1

materialize和ngMaterial是兩個不同的庫，需要參考角材料參考。

是指依照以下的順序

<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css"> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script> 
     <script src="//rawgit.com/angular/bower-material/master/angular-material.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script> 
</script> 

這裏是工作Plunker