Question

我是AngularJS的新手。虽然这是一个简单的问题，但我发现了类似的错误，但原因不同。

未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块myApp：错误：[$ injector：nomod]模块'myApp'不可用！您要么错误拼写了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

我有index.html文件：

<html ng-app="myApp">
<head>
    <title>Module example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
    <script src="app.js" type="text/javascript"/>
</head>
<body>
    2 + 2 = {{2 + 2}}
</body>

我的app.js文件是：

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

已加载所有文件：

你能帮我们解决这个简单的问题。

Answer 1

更改

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

为：

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

Answer 2

您的代码脚本未正确关闭，必须是：

output[0]

Answer 3

盖伊，你忘了关闭脚本标签了！和你的HTML标签！还有你的doctype！

尝试：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>Module example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
    <script src="app.js" type="text/javascript"></script>
</head>
<body>
    2 + 2 = {{2 + 2}}
</body>
</html>

它会起作用......

请先询问https://validator.w3.org，然后再询问。

AngularJS模块'myApp'不可用

3 个答案: