Angular, kann Modul nicht instanziiert: Nicht abgefangene Fehler: [$ Injektor: modulerr]

Ich bin halten meine Konsole immer diese Ausnahme in:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=mainApp&p1=Error%3A…at%20g%20(http%3A%2F%2Flocalhost%2Fcinema%2Fjs%2Fangular.min.js%3A39%3A222) 

........ angular.min.js:6

und die HTML-Datei:

<!DOCTYPE HTML> 
<html ng-app="mainApp"> 
<head> 
<title>This cinema...</title> 
<!-- ... other tags --> 
<script src="js/angular.min.js"></script> 
<script> 
var mainApp = angular.module('mainApp', []); 

mainApp.config(function ($routeProvider) { 

}); 
</script> 
<!-- REST of the HTML body, but no angular used below -->

Wenn ich Entfernen Sie die mainApp.config(func.... dann funktioniert es. Ich weiß nicht, wie man Routen einrichtet. Eine leere Funktion bei einem Routenanbieter erzeugt die Ausnahme?

Quelle

2016-06-02 Zbarcea Christian

Sie nicht das 'Winkel routing.js' Skriptverweis enthalten sind, noch haben Sie injizierten' ngRoute' in Ihre 'mainApp' Modul . – Lex

Nach den documentation:

$routeProvider requires the ngRoute module to be installed.

So müssen Sie das folgende Skript, um Ihre HTML umfassen:

<script src="js/angular-route.min.js"></script>

und die Abhängigkeit zu Ihrer Moduldefinition hinzufügen:

var mainApp = angular.module('mainApp', ['ngRoute']);

Quelle

2016-06-02 18:36:08

Ich habe die Angular-Route-js-Datei aufgenommen, jetzt funktioniert es. Das Problem besteht immer noch, wenn ich meinen benutzerdefinierten JavaScript-Code in eine andere js-Datei verschiebe und sie in die HTML-Datei einfüge: Und die Datei" js/main.js "enthält den Code in meinem ursprünglichen Post. –

@ZbarceaChristian, vergessen Sie nicht, eine Abhängigkeit von 'ngRoute' in Ihrer Moduldefinition anzugeben. Hier die funktionierende Demo [Plnnr] (https://plnr.r./edit/EGqQDEN1EH8RdDxTZ8sw?p=preview) –

$routeProvider erfordert ein separates Winkelmodul ngRoute. Herunterladen Winkel route.js, fügen Sie ihn auf die Seite, und injizieren sie in die angular.module Methode

<!DOCTYPE HTML> 
<html ng-app="mainApp"> 
<head> 
<title>This cinema...</title> 
<!-- ... other tags --> 
<script src="js/angular.min.js"></script> 
<script src="js/angular-route.min.js"></script> 
<script> 
var mainApp = angular.module('mainApp', ['ngRoute']); 

mainApp.config(function ($routeProvider) { 

}); 
</script> 
<!-- REST of the HTML body, but no angular used below -->

Quelle

2016-06-02 18:36:25

Sie können versuchen, die $routeProvider ohne ngRoute Modul zu verwenden.

Lesen Sie die Dokumentation: https://docs.angularjs.org/api/ngRoute/provider/$routeProvider

Versuchen Sie folgendes:

<!DOCTYPE HTML> 
<html ng-app="mainApp"> 
<head> 
<title>This cinema...</title> 
<!-- ... other tags --> 
<script src="js/angular.min.js"></script> 
<script src="js/angular-route.min.js"></script> 
<script> 
var mainApp = angular.module('mainApp', ['ngRoute']); 

mainApp.config(function ($routeProvider) { 

}); 
</script> 
<!-- REST of the HTML body, but no angular used below -->

Quelle

2016-06-02 18:42:34

Angular, kann Modul nicht instanziiert: Nicht abgefangene Fehler: [$ Injektor: modulerr]

Antwort

Verwandte Themen