Javascript 未捕获错误：[$injector:modulerr]加载角度材质时_Javascript_Jquery_Html_Angularjs

Javascript 未捕获错误：[$injector:modulerr]加载角度材质时

javascript jquery html angularjs

Javascript 未捕获错误：[$injector:modulerr]加载角度材质时,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我做错了什么 <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <

我做错了什么

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular-ui-router/1.0.0-rc.1/angular-ui-router.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="components/app/app.js"></script>
    <link rel="stylesheet" href="css/app.css">
</head>
<body data-ng-app="myApp">
<div class="overview">
    <md-button>Button</md-button>
</div>

<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->

</body>

我知道这很可能是一些愚蠢的小事情，但我不知道为什么我总是会犯这样的错误：

angular.js:38未捕获错误：[$injector:modulerr]$injector/modulerr？p0=myAp‌p&p1=Erro…ogleapis.c‌om%2Fajax%2Flibs%2Fa‌ngularjs%2F1.6.4%2Fa‌ngular.min.js%3A22%3‌A179）在angular.js:38在angular.js:4920在q（angular.js:403）在g（angular.js:4880）在eb（angular.js:4802）在c（angular.js:1914）在Sc（angular.js:1935）在ue（angular.js:1820）在angular.js:33367在HTMLDocument.b（angular.js:3431）

角度材料需要一些其他角度模块才能发挥作用。将这些脚本标记添加到标题中，您就可以开始了：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-messages.min.js"></script>

注意：您不需要angular.messages。我不确定那件事

检查控制台中除

未捕获错误以外的错误：[$injector:modulerr]

。原因很简单，就是一些模块没有加载

angular.js:38未捕获错误：[$injector:modulerr]http://errors.angularjs.org/1.6.4/$injector/modulerr？p0=myApp&p1=Erro…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A22%3A179）在angular.js:38在angular.js:4920在q（angular.js:403）在g（angular.js:4880）在eb（angular.js:4802）在c（angular.js:1914）在Sc（angular.js:1935）在ue（angular.js:1820）在angular.js:33367在HTMLDocument.b（angular.js:3431）

只要包含来自cdngooglapis.com的所有源文件也是一个CDN网站……好问题。可能存在未满足的对等依赖关系，如图所示。谢谢，就是这样！：）

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-messages.min.js"></script>