問題 - AngularJS未捕獲錯誤：[$ injector：modulerr]

AngularJS是全新的。所以在我開始在我的項目中開發一個新應用之前，我正在嘗試應用示例流程。以下是我所嘗試過的。

的index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html ng-app="app"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
<script src="lib/angular.min.js"></script> 
<script src="lib/angular-route.js"></script> 
<script type="text/javascript" src = "js/app.js"></script> 
</head> 
<body> 
    <h1>Student Registration!</h1> 
    <div ng-view></div> 
</body> 
</html>

registerStudent.html

<table> 
<tr> 
    <td><input type="button" value="Save" ng-click="save()"></td> 
    <td>{{message}}</td> 
</tr> 
</table>

app.js

var app = angular.module("app", ['ngRoute', 'app.services', 'app.controllers']); 

/**routing*/ 
app.config(['$routeProvider', function($routeProvider){ 

$routeProvider.when('/editStudent', { 
    templateUrl:'html/editStudent.html', 
    controller:'studentReg' 
}); 

$routeProvider.when('/viewStudent', { 
    templateUrl:'html/viewStudent.html', 
    controller:'studentReg' 
}); 

$routeProvider.when('/registerStudent', { 
    templateUrl:'html/registerStudent.html', 
    controller:'studentReg' 
}); 

$routeProvider.otherwise({ 
    redirectTo: '/registerStudent' 
}); 
}]);

services.js

var app = angular.module('app.services', []); 
app.service('restService', function(){ 
    this.save=function(){ 
    return 'saved'; 
    }; 
});

controller.js

var app = angular.module('app.controllers', []); 
app.controller('studentReg', function($scope, restService){ 
$scope.result=restService.save(); 
    $scope.save=function(){ 
     console.log($scope.result); 
     $scope.message=$scope.result; 
    }; 
});

當我試圖運行應用程序，我得到了下面的錯誤。

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.1/$injector/modulerr?p0=app&p1=Error%3…2Flocalhost%3A8080%2FEnhancedStudentform%2Flib%2Fangular.min.js%3A20%3A421)

來源

2016-02-26 Kaushi

什麼是完整錯誤？ –

我在問題末尾編輯了完整的錯誤。 – Kaushi

EnhancedStudentform是應用程序的名稱。 http：// localhost：8080/EnhancedStudentform /是我用來調用應用程序的URL。 – Kaushi

你忘了加載您controller.js和services.js，這是我的猜測。將index.html中的app.js加入後請嘗試以下操作：

<script type="text/javascript" src = "js/controller.js"></script> 
<script type="text/javascript" src = "js/services.js"></script>

來源

2016-02-26 07:44:49 Noshii

我仍然得到相同的錯誤.....任何其他方式來解決這個問題？ – Kaushi

這應該真的解決它，嘗試清除緩存並重新啓動您的網絡服務器。你是否得到完全相同的錯誤？否則請更新您的答案，以便我們可以看到新的錯誤。 – Noshii

嘿@Noshii雅其清除緩存並重新啓動服務器後修復它。 – Kaushi

嘗試包括所有的JS文件在你的HTML指標，如：

<script type="text/javascript" src = "js/app.js"></script> 
<script type="text/javascript" src = "js/controller.js"></script> 
<script type="text/javascript" src = "js/services.js"></script>

來源

2016-02-26 07:44:26

問題 - AngularJS未捕獲錯誤：[$ injector：modulerr]

回答

相關問題