尝试编写代码时遇到此错误。我经历过其他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>
任何帮助都将不胜感激。
答案 0 :(得分:2)
这是注射问题,无论是注入控制器/服务还是应用程序。
尝试一次删除这些问题,问题是否会消失?
var app = angular.module("app", ['ui.router', 'ngTouch', 'ngMaterial', 'ngMessages', 'ngAnimate'])
一旦你可以缩小它,它将更容易修复。日志是否说明哪个模块注入了问题?
我看不到ng-animate的脚本标签
答案 1 :(得分:0)
通过关注错误消息,您可以说它无法实例化ngMaterial
和ngAnimate
模块。
最后这个:https://docs.angularjs.org/error/ $ injector / nomod?p0 = ngAnimate
模块&#39; ngAnimate&#39;不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。
没有这两个模块,代码工作正常,因此您的代码不是问题,但您错过了对ngAnimate
的引用。