Uncaught Error: [$ injector: modulerr] beim Laden von Angular-Materialien

Was mache ich hier falsch?

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

App:

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

Ich weiß, das Nprobably ist etwas dumm und etwas klein, aber ich habe keine Ahnung, warum ich diesen Fehler erhalte:

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)

Quelle

2017-06-13 tholo

Überprüfen Sie auf Fehler in der Konsole als 'Uncaught Error: [$ injector: modulerr]'. Grund ist einfach, dass ein Modul nicht geladen wird –

'angular.js: 38 Uncaught Fehler: [$ 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) bei Angularjs: 38 bei Angularjs: 4920 bei q (Angularjs: 403) bei g (Angularjs: 4880) bei eb (Angularjs: 4802) an C (Angularjs: 1914) bei Sc (Angularjs: 1935) bei Ue (Angularjs: 1820) in Winkel .js: 33367 bei HTMLDocument.b (angular.js: 3431) ' – tholo

Nur alle Quelldateien von CDN –

Angular Material erfordert einige andere Winkelmodule um zu funktionieren. Fügen Sie diese Script-Tags zu Ihrem Kopf und Sie sollten gut zu gehen:

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

Hinweis: Sie viele nicht angular.messages brauchen. Da bin ich mir nicht sicher.

Quelle

2017-06-13 13:25:22

Danke, das war es! :) – tholo

Uncaught Error: [$ injector: modulerr] beim Laden von Angular-Materialien

Antwort

Verwandte Themen