2

注入时收到以下错误angular-animate.js： Unknown provider: $animateProvider from ngAnimate

这是我的 app.js：

var MyApp = angular.module("MyApp", ["ui.bootstrap", "ngAnimate"])

这是负责人index.html：

<html lang="en" ng-app="MyApp">
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="angular-animate.js"></script>
    <script type="text/javascript" src="ui-bootstrap-tpls-0.6.0.min.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <title>My App</title>
</head>
<body ng-controller="AppCtrl" style="padding-bottom: 70px">

单独的引导程序加载正常。

我究竟做错了什么？

这是plnkr

4

2 回答 2

3

我的代码出现了不同的错误。我有一个丢失的$routeProvider错误。

作为 app.js 的第一行，试试这个：

var MyApp = angular.module("MyApp", ["ngRoute", "ngAnimate", "ui.bootstrap"])

代替

var MyApp = angular.module("MyApp", ["ngAnimate", "ui.bootstrap"])

并将其添加到您的标题中：

<script  src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.js"></script>

顺便说一句，在 plnkr.co 中使用非缩小版本的 Angular 在这些情况下会提供更易于阅读的错误消息。

于 2013-10-16T20:20:08.613 回答
1

您在 angular-animate 库之前声明 app.js。尝试这个：

<html lang="en" ng-app="MyApp">
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="angular-animate.js"></script>
    <script type="text/javascript" src="ui-bootstrap-tpls-0.6.0.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <title>My App</title>
</head>
<body ng-controller="AppCtrl" style="padding-bottom: 70px">
于 2013-10-16T20:20:00.067 回答