Question

这是对Angular.js的基本CodeSchool教程的参考。我完成了它，认为我已准备好在一个真实的项目中试用它。当我使用与教程中给出的完全相同的代码时，Angular无法加载，产生此错误：

Uncaught Error: [$injector:modulerr]     http://errors.angularjs.org/1.2.18/$injector/modulerr?p0=store&p1=Error%3A%…Users%2FJosh%2FDocuments%2FProjects%2Ftimelist%2Fangular.min.js%3A18%3A139)

这是index.html代码：

<!DOCTYPE html>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
</head>
<body>
<script type="text/javascript" src="angular.min.js"></script>
</body>
</html>

app.js代码：

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

这是否是设置基本Angular项目的错误方法，即使这是CodeSchool在其教程中教授的内容？一些方向会很好，因为我认为问题出在我的设置中，而不是代码。谢谢！

Answer 1

您是否已将该app.js文件包含在html文件中

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

请包含此行。希望这有帮助！

Answer 2

您的代码看起来很棒。你确定你正确安装了Angular吗？这似乎是唯一的问题。由于您正在引用angular.mins.js，请确保在与html相同的目录中安装了角度，它确实称为angular.mins.js。

另外，您可以尝试替换此行

<script type="text/javascript" src="angular.min.js"></script>

这个只是使用CDN（基本上这家公司已经在他们的服务器上安装了Angular，你将只使用他们的）来加载Angular。

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>

如果这不起作用也确保你也在你的html中包含你的app.js文件。

<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>

Answer 3

在首页上复制官方角度示例时，我遇到了完全相同的问题。所以对于那些不能像我一样阅读的人：

我有

html(ng-app="my-app")

只是

html(ng-app)

基本的Angular.js包含来自教程并不起作用

3 个答案: