Question

我在SF上遇到了很多类似的问题，并按预期完成了所有工作。然而，我似乎无法让这个简单的Angular应用程序运行起来。控制台抛出此异常

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!';
});

我仔细检查了文件路径和其他可能明显的错误，但没有快乐。我肯定错过了一些东西吗？感谢。

Answer 1

引用库和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>

<强>样本

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>

Answer 2

我不认为你正确地添加了你的角度文件。我用你的代码制作了一个plunker，它起作用了。你可以用我的代码交叉检查。

＆＃13;

var myApp = angular.module('myApp', []);

myApp.controller('GreetingController', function($scope) {
  $scope.greeting = 'Hola!';
});

＆＃13;

<html ng-app="myApp">

  <head>
    <script data-require="angular.js@1.6.2" 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>

＆＃13;

AngularJS无法加载模块

2 个答案: