未捕获的错误:[$ injector:modulerr] http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=app&p1=Error%3A%20%....c%20

时间:2016-02-11 13:37:15

标签: angularjs

尝试编写代码时遇到此错误。我经历过其他Stackflow问题而无法找到答案。导致此错误的原因是什么?

var app = angular.module("app", ['ui.router', 'ngTouch', 'ngMaterial', 'ngMessages', 'ngAnimate'])

app.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/category');

    $stateProvider
        .state('category', {
            url: '/category',
            templateUrl: '../../app/CategoryViewer/Category.html',
            controller: 'CategoryController'
        });
}]);
<head>
    <title></title>
    <link href="css/reset.css" rel="stylesheet" />
    <link href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.5/angular-material.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>    
    <script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.5.0/angular-route.min.js"></script>
    <script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.min.js"></script>
    <script src="https://code.angularjs.org/1.5.0/angular-touch.min.js"></script>
    <script src="https://code.angularjs.org/1.5.0/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.4/angular-material.min.js"></script>

    <script src="app/app.js"></script>
    <script src="app/directives.js"></script>
    <script src="app/CategoryViewer/CategoryController.js"></script>
</head>


<body ng-app="app">
    <div id="content" ui-view>hello</div>
</body>

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:2)

这是注射问题,无论是注入控制器/服务还是应用程序。

尝试一次删除这些问题,问题是否会消失?

var app = angular.module("app", ['ui.router', 'ngTouch', 'ngMaterial', 'ngMessages', 'ngAnimate'])

一旦你可以缩小它,它将更容易修复。日志是否说明哪个模块注入了问题?

我看不到ng-animate的脚本标签

答案 1 :(得分:0)

通过关注错误消息,您可以说它无法实例化ngMaterialngAnimate模块。

最后这个:https://docs.angularjs.org/error/ $ injector / nomod?p0 = ngAnimate

  

模块&#39; ngAnimate&#39;不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

没有这两个模块,代码工作正常,因此您的代码不是问题,但您错过了对ngAnimate的引用。