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 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>

感谢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>

辉煌。有效。我把你的html头替换了。你知道那是为什么吗？ –

这意味着你的角度文件没有正确加载。你确定链接角度文件吗？ – lhavCoder

@BabaganaZannah在这个答案中没有什么不同！ – Sajeetharan

AngularJS未能加载模块

相关推荐