未捕獲的錯誤：[$ injector：modulerr]由於以下原因未能實例化模塊myApp：錯誤：[$ injector：modulerr]

我對數據庫使用了backback和postgresql的loopback。所以我嘗試使用lb-service/js。

如果我試圖在login.js（angular.module（'myApp'，['ngRoute'，'lbServices']）中包含lbServices，等等）意味着出現錯誤。

錯誤的詳細信息：

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:modulerr] Failed to instantiate module ngRoute due to: Error: [$injector:nomod] Module 'ngRoute' 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.

的Index.html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>Myapps</title> 
     <!-- Bootstrap --> 
     <link href="vendor/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> 
     <script src="vendor/theme_files/js/jquery.min.js"></script> 
     <script src="vendor/angular/angular.js"></script> 
     <script src="vendor/angular-resource/angular-resource.js"></script> 
     <script src="vendor/angular-ui-router/release/angular-ui-router.js"></script> 
     <script src="js/services/lb-services.js"></script> 
    </head> 
    <body ng-app="myApp" class="nav-md " style="background:#F7F7F7;"> 
     <div class="container body" ui-view></div> 
     <script src="vendor/bootstrap/dist/js/bootstrap.js"></script> 
     <script src="js/app.js"></script> 
     <script src="js/controllers/loginController.js"></script> 
     <script src="js/services/login.js"></script> 

    </body> 
</html>

的login.html

<div id="wrapper"> 
    <div id="login" class="animate form"> 
     <section class="login_content"> 
      <form ng-submit="login()"> 
       <br> 
       <h1>Login</h1> 
       <div> 
        <input type="text" class="form-control" ng-model="loginForm.username" placeholder="Username" required="" /> 
       </div> 
       <div> 
        <input type="password" class="form-control" ng-model="loginForm.password" placeholder="Password" required="" /> 
       </div> 
       <div> 

        <button type="submit" class="btn btn-default submi" ng-disabled="disabled"> 
         Log in 
        </button> 

        <a class="reset_pass" href="#">Lost your password?</a> 
       </div> 
       <div ng-show="error" class="alert alert-danger"> 
        {{errorMessage}} 
       </div> 
      </form> 
     </section> 
     <!-- content --> 
    </div> 

</div>

app.js

angular.module('myApp', ['lbServices', 'ui.router']).config(['$stateProvider', '$urlRouterProvider', 
function($stateProvider, $urlRouterProvider) { 
    $stateProvider.state('todo', { 
     url : '', 
     templateUrl : 'views/login.html', 
     controller : 'loginController' 
    }).state('login', { 
     url : '/login', 
     templateUrl : 'views/login.html', 
     controller : 'loginController' 
    }).state('profile', { 
     url : '/profile', 
     templateUrl : 'views/profile.html', 
     controller : 'loginController' 
    }); 
    $urlRouterProvider.otherwise('login'); 

}]);

個

logincontroller.js

服務/ login.js

angular.module('myApp',['ngRoute' ,'lbServices']).factory('AuthService', ['$q', '$timeout', '$http', 
function($q, $timeout, $http) { 

    // create user variable 
    var user = null; 

    // return available functions for use in controllers 
    return ({ 
     isLoggedIn : isLoggedIn, 
     getUserStatus : getUserStatus, 
     login : login, 
     logout : logout, 
     register : register 
    }); 

    function isLoggedIn() { 
     if (user) { 
      return true; 
     } else { 
      return false; 
     } 
    } 

    function getUserStatus() { 
     return user; 
    } 

    function login(username, password) { 

     // create a new instance of deferred 
     var deferred = $q.defer(); 
     // send a post request to the server 
     $http.post('/api/login', { 
      username : username, 
      password : password 
     }) 
     // handle success 
     .success(function(data, status) { 
      if (data.status === 200 && data.status) { 
       user = true; 
       deferred.resolve(); 
      } else { 
       user = false; 
       deferred.reject(); 
      } 
     }) 
     // handle error 
     .error(function(data) { 
      user = false; 
      deferred.reject(); 
     }); 

     // return promise object 
     return deferred.promise; 

    } 

}]);

來源

2016-02-05 RSKMR

您在使用'ui.router'，沒有棱角'ngRoute'你的申請。你爲什麼試圖注入'ngRoute'？ – Claies

也是，您在多個文件中使用setter語法來覆蓋'myApp'模塊。 https://github.com/johnpapa/angular-styleguide#setting-vs-getting – Claies

編輯login.js到

angular.module('myApp',['ui.router' ,'lbServices'])

來源

2016-02-05 04:42:06

未捕獲的錯誤：[$ injector：modulerr]由於以下原因未能實例化模塊myApp：錯誤：[$ injector：modulerr]

回答

相關問題