AngularJS [$ injector: modulerr] Fehler beim Instanziieren des Moduls

Ich verfolge einen Kurs auf Angular, und ich habe diesen Fehler, kann nicht sehen, warum, da der Name des Moduls scheint mir gut. Diese ist der Fehler:

angular.js:80 Uncaught Error: [$injector:modulerr] Failed to instantiate module hotelsApp due to: 
Error: [$injector:nomod] Module 'hotelsApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Das ist mein index.html

<!DOCTYPE html> 
<html lang="en-us" ng-app="hotelsApp"> 
<head> 
    <title>Hotels app</title> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta charset="UTF-8"> 

    <!-- load bootstrap and fontawesome via CDN --> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
</head> 
<body ng-controller="HotelsController"> 
<div> 
    <h1>{{ room.size }}</h1> 
    <h3>{{ room.beds }}</h3> 
    <h3>{{ room.kitchen }}</h3> 
    <h3>{{ room.price }}</h3> 
</div> 

    <script src="//code.angularjs.org/1.3.0-rc.2/angular.js"></script> 
    <script src="//code.angularjs.org/1.3.0-rc.2/angular-route.min.js"></script> 
    <script src="hotels.js" /> 
</body> 
</html>

Und das ist meine hotels.js Datei:

'use strict'; 

//MODULE 
var app = angular.module('hotelsApp', ['ngRoute', 'ngResource']) 

app.controller('HotelsController', ['$scope', function($scope){ 
    $scope.room = mockRoom; 
}]); 

var mockRoom = { 
    "size": "studio", 
    "beds": 1, 
    "kitchen": true, 
    "price": "25$" 
};

Quelle

2016-04-13 Marco

<script src="hotels.js" />

ist die Lage richtig? BTW nicht vergessen, die Winkel route.js und Winkel resource.js aufzunehmen, da Sie Winkel sagen, dass Sie ng-Strecke und ng-Ressource verwenden werden

Quelle

2016-04-13 12:40:05

Ich habe beide hinzugefügt, und die Dateien sind im selben Ordner, aber ich habe immer noch die gleichen Fehler – Marco

den Code Siehe hier:

<html ng-app="hotelsApp"> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-route.min.js"></script> 
</head> 
<body ng-controller="HotelsController"> 
<div> 
    <h1>{{ room.size }}</h1> 
    <h3>{{ room.beds }}</h3> 
    <h3>{{ room.kitchen }}</h3> 
    <h3>{{ room.price }}</h3> 
</div> 
<script> 
var app = angular.module('hotelsApp', ['ngRoute']) 
app.controller('HotelsController', ['$scope', function($scope){ 
var mockRoom = { 
    "size": "studio", 
    "beds": 1, 
    "kitchen": true, 
    "price": "25$" 
}; 
    $scope.room = mockRoom; 
}]); 
</script> 
</body> 
</html>

Hoffe es löst Ihr Problem! Auch

* I've included your hotel's file in html. You may keep it separtely.  
* Routes need server to run. Kindly, use xampp or wamp server.  
* No need to use ng-Resource in this case.  
* Correct the link of your cdn's. They are messed up!

Quelle

2016-04-13 12:40:09 Deadpool

ich immer noch der gleiche Fehler – Marco

Bro, freundlich laufen durch xampp. Routen führen kein einfaches Doppelklick! – Deadpool

Ich benutze Brackets-Editor, damit ich Javascript ausführen kann, und indem ich Controller-Code in HTML-Datei habe, funktioniert alles gut, aber wenn ich versuche, Controller von hotels.js zu verwenden, bekomme ich den Fehler erwähnt, was seltsam ist, da sie drin sind der gleiche Ordner. – Marco

AngularJS [$ injector: modulerr] Fehler beim Instanziieren des Moduls

Antwort

Verwandte Themen