AngularJS未能加載模塊

我在這裏遇到了很多類似的問題，並按預期做了一切。然而，我似乎無法得到這個簡單的Angular應用程序的工作。控制檯拋出此異常AngularJS未能加載模塊

angular.min.js:6 Uncaught Error: [$injector:modulerr]

AngularJS站點文檔給出了我遵循的一些建議。然而，我仍然得到同樣的例外。這是我的代碼。

<!DOCTYPE html> 
<html lang="en" ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>Dead Simple Proj</title> 
    <link rel="stylesheet" href="content/css/styles.css"> 
    <script scr="app\app.js"></script> 
    <script src="app\lib\angular.min.js"></script> 
</head> 
<body> 
    <div ng-controller="GreetingController"> 
    {{ greeting }} 
    </div> 
</body> 
</html>

我有這樣的App.js

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

myApp.controller('GreetingController', function($scope) { 
    $scope.greeting = 'Hola!'; 
});

我仔細檢查了文件路徑和其他可能出現明顯的失誤，但沒有喜悅。我絕對錯過了這裏的東西？謝謝。

來源

2017-04-17 Babagana Zannah

第一角庫文件應該加載 – 2017-04-17 17:16:18

引用庫和app.js的路徑錯誤，順序錯誤。您應該首先加載角度參考，然後加載參考模塊的相對js。

變化

從

<script scr="app\app.js"></script> 
<script src="app\lib\angular.min.js"></script>

要

<script src="app/lib/angular.min.js"></script> 
    <script scr="app/app.js"></script>

DEMO

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

 
myApp.controller('GreetingController', function($scope) { 
 
    $scope.greeting = 'Hola!'; 
 
});

<!DOCTYPE html> 
 
<html lang="en" ng-app="myApp"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Dead Simple Proj</title> 
 
    <link rel="stylesheet" href="content/css/styles.css"> 
 
    <script type=" text/javascript " src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js "></script> 
 
</head> 
 
<body> 
 
    <div ng-controller="GreetingController"> 
 
    {{ greeting }} 
 
    </div> 
 
</body> 
 
</html>

來源

2017-04-17 17:13:26 Sajeetharan

感謝Sajee，我沒有和仍然得到同樣的例外。 –

@BabaganaZannah答案沒有問題，請檢查您的參考是否正在加載。你檢查過演示嗎？ – Sajeetharan

我不認爲你正確添加您的角度文件。我從你的代碼中取出了一個笨重的東西，它工作。你可以與我的代碼進行覈對。

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

 
myApp.controller('GreetingController', function($scope) { 
 
    $scope.greeting = 'Hola!'; 
 
});

<html ng-app="myApp"> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.6.2" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-controller="GreetingController"> 
 
    <h1>Hello {{greeting}}!</h1> 
 
    </body> 
 

 
</html>

來源

2017-04-17 17:17:28 lhavCoder

輝煌。有效。我把你的html頭替換了。你知道那是爲什麼嗎？ –

這意味着你的角度文件沒有正確加載。你確定鏈接角度文件嗎？ – lhavCoder

@BabaganaZannah在這個答案中沒有什麼不同！ – Sajeetharan

AngularJS未能加載模塊

回答

相關問題