Question

对于每个Angular模块（动画，资源，路线，触摸等），我都会得到以下内容的变体：

模块'ngResource'不可用！你要么拼错了模块命名或忘记加载它。如果注册模块，请确保您将依赖项指定为第二个参数。

我对Angular比较新。我看了the docs on the error，但我不确定如何应用它们。想法？

以下是我声明模块的代码：

angular
    .module('juddfeudApp', [
        'ngAnimate',
        'ngCookies',
        'ngResource',
        'ngRoute',
        'ngSanitize',
        'ngTouch'
    ])
    .config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'views/main.html'
            })
            .when('/about', {
                templateUrl: 'views/about.html'
            })
            .when('/admin', {
                templateUrl: 'views/admin.html',
                controller: 'AdminCtrl'
            })
            .otherwise({
                redirectTo: '/'
            });
    });

HTML：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

</head>
<body ng-app="juddfeudApp">


<!-- all angular resources are concatenated by Gulp in lib.js-->

<script src="build/lib/lib.js" type="text/javascript"></script>
<script src="build/main.js" type="text/javascript"></script>
</body>
</html>

Answer 1

您需要在html文件中引用它们。

因此，为要加载的每个模块/文件添加<script src="filename.js"></script>。

Answer 2

你添加了这个<script src="angular-resource.js">吗？

Answer 3

如果出现这样的错误，很可能是您没有在HTML文件中成功加载Angular模块脚本。

此处的一些答案建议确保您已在HTML文件中的某处引用了脚本。

也就是说，如果你试图添加多个Angular模块，你应该在自己的JS之前加载几个脚本，如下所示：

<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-resource/angular-resource.js"></script>
<script src="../bower_components/angular-cookies/angular-cookies.js"></script>
<script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="../bower_components/angular-animate/angular-animate.js"></script>
<script src="../bower_components/angular-touch/angular-touch.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>

<script src="myMainJsFile.js"></script>

这可能会解决问题。

您也可以考虑检查以确保您的脚本实际存在于您引用它们的位置 - 对我来说，bower第一次没有正确安装它们所以它们没有被gulp拾取-concat - 或确保正确配置您的任务选手（Gulp / Grunt）。

为什么我的所有Angular模块都无法加载？

3 个答案: