Wie behebe ich "Uncaught Error: [$ injector: modulerr"] Fehler?

ich mit AngularJS bin versucht, aber ich bekomme diese Fehlermeldung: Nicht abgefangene Fehler: [$ Injektor: modulerr]

Dies ist mein HTML-Code:

<!DOCTYPE html> 
<html ng-app="adphorusWork"> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Search Movie</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="scripts/angular.min.js"></script> 
    <script src="scripts/angular-route.min.js"></script> 
    <script src="scripts/jquery-1.9.1.min.js"></script> 
    <script src="app/search-movie.js"></script> 
</head> 
<body ng-controller="searchMovieController"> 
    <div class="navbar navbar-default navbar-fixed-top" style="margin-top: 20px;"> 
     <div class="container-fluid"> 
      <ul> 
       <li> 
        <a href="http://www.omdbapi.com/">OMDb Api</a> 
       </li> 
      </ul> 
     </div> 
    </div> 
    <div class="container" style="margin-top: 50px;"> 
     <div class="bs-docs-section" id=""> 
      <div class="row"> 
       <div class="col-lg-12"> 
        <div class="page-header"> 
         <h2><a href="https://github.com/Cakmakk">My Github</a></h2> 
        </div> 
        <div class="bs-component"> 
         <form class="well form-search" id="search-movie" onsubmit="return false;"> 
          <fieldset> 
           <legend>Search Movie</legend> 
          </fieldset> 
          <div> 
           <label class="control-label" for="movie-name">Movie Name : </label> 
           <input type="text" id="movie-name" class="input-small" style="margin-left: 10px;"> 
           <button id="btn-search-movie" type="button" class="btn-sm btn-primary" style="margin-left: 10px;" ng-click="searchMovie()"> 
            <span class="glyphicon glyphicon-search"> Search</span> 
           </button> 
          </div> 
         </form> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body> 
</html>

und dies ist meine Suche-movie.js Code als die folgenden:

(function() { 
    'use strict'; 
    angular.module('adphorusWork', ['ngRoute']) 
     .controller('searchMovieController', 
     ['$scope','$route', 
     function ($scope,$route) { 
      $scope.searchMovie = function() { 
       alert("come") 
      } 
     }]); 
})();

Wenn I'am Arbeits bekomme ich einen Fehler wie im Bild

auch zum Beispiel, wenn ich Ich suche 'adphorusWork' Ich kann das sehen: Suche beendet.Keine Übereinstimmung gefunden. Es sollte nicht so sein. Ich sollte angular.module('adphorusWork', ['ngRoute']) in search-movie.js sehen

Wo mache ich mich falsch?

Quelle

2016-07-07 eagle

könnten Sie den Screenshot hinzufügen, nachdem Sie den Pfeil auf der linken Seite des Fehlers klicken? – ValLeNain

Wenn Sie "Adphorus" suchen, können Sie Ergebnisse finden? –

Riecht wie Duplikat. – Knu

Stellen Sie sicher, dass Sie eine eckige und eckige Routendatei hinzugefügt haben.

siehe pluker: https://plnkr.co/edit/xZFrNepOa5wsbM0lMUbV?p=preview

es für mich gut funktioniert, ohne einen Fehler.

(function (angular) { 
'use strict'; 
angular.module('adphorusWork', ['ngRoute']) 
    .controller('searchMovieController', 
    ['$scope','$route', 
    function ($scope,$route) { 
     $scope.searchMovie = function() { 
      alert("come") 
     } 
    }]); 
})(angular);

Quelle

2016-07-07 11:40:39 varit05

Wenn Sie den globalen Abschluss verwenden, empfiehlt es sich außerdem, die Objekte, mit denen Sie arbeiten, innerhalb des Abschlusses in den Parametern zu übergeben. In Ihrem Fall übergeben Sie "eckig" an die globale Schließung. – ValLeNain

Ich habe das geändert -> alt: search-movie.js neu: app.js und funktioniert. Vielen Dank. – eagle

@ValLeNain Yepp. Danke und Prost :) – varit05

gehören die folgenden:

var app = angular.module("myApp", ["ngRoute"]);

Quelle

2017-07-19 23:50:58 Crt

Wie behebe ich "Uncaught Error: [$ injector: modulerr"] Fehler?

Antwort

Verwandte Themen