未被捕獲的錯誤：[$ injector：modulerr]加載Angular材質時

我在這裏做錯了什麼？

<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>

應用：

var app = angular.module('myApp', ['ui.router', 'ngSanitize', 'ngMaterial']);

我知道這是nprobably一些愚蠢和小東西，但我不知道爲什麼我不斷收到此錯誤：

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.4/ $injector/modulerr?p0=myAp‌p&p1=Erro…ogleapis.c‌om%2Fajax%2Flibs%2Fa‌ngularjs%2F1.6.4%2Fa‌ngular.min.js%3A22%3‌A179) at angular.js:38 at angular.js:4920 at q (angular.js:403) at g (angular.js:4880) at eb (angular.js:4802) at c (angular.js:1914) at Sc (angular.js:1935) at ue (angular.js:1820) at angular.js:33367 at HTMLDocument.b (angular.js:3431)

來源

2017-06-13 tholo

檢查控制檯中的錯誤，而不是'Uncaught Error：[$ injector：modulerr]'。原因是一些模塊未加載 –

'angular.js：38未捕獲錯誤：[$ injector：modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=myApp&p1=Erro...ogleapis （角度.js：403） atg.js：4920 atg（angular.js：403） atg.js：392 atg（angular.js：403） atg （angular.js：4880）在EB（angular.js：4802）在C（angular.js：1914）在鈧（angular.js：1935）在UE（angular.js：1820）在角.js：33367 at HTMLDocument.b（angular.js：3431）' – tholo

只包含來自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>

注意：你很多不需要angular.messages。我不確定那個。

來源

2017-06-13 13:25:22

謝謝，就是這樣！ :) – tholo

未被捕獲的錯誤：[$ injector：modulerr]加載Angular材質時

回答

相關問題