2013-10-30 14 views
5

我尝试使用ngAnimate模块创建一个简单的动画。问题是,每次我试图将这个模块作为一个依赖项时,我得到这个错误:Error: Unknown provider: $animateProvider from ngAnimateangular-animate.js中的奇怪错误

该代码非常简单,但我不明白是什么问题。

这是我的HTML模板:

<html> 
    <head> 


     <script type="text/javascript" src="/js/lib/jquery-1.10.2.min.js"></script> 

     <script type="text/javascript" src="/js/lib/angular.min.js"></script> 

     <script type="text/javascript" src="/js/lib/angular-animate.js"></script> 

     <script type="text/javascript" src="/js/lib/angular-cookies.min.js"></script> 
     <script type="text/javascript" src="/js/lib/angular-resource.min.js"></script> 
     <script type="text/javascript" src="/js/lib/angular-ui-router.min.js"></script> 
     <script type="text/javascript" src="/js/lib/underscore-min.js"></script> 


    </head> 

    <!-- And so on --> 

</html> 

我包括我的ngAnimation模块中是这样的:

var myModule = angular.module('myModule', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate']); 

这很简单。一切都像在this教程中,没什么特别的。但它不起作用。同样的问题是在stackoverflow here,但没用...

所以,任何人都可以解释我有什么问题?

+0

你能在Plunker/Fiddle中重现吗? –

+0

我已经在我的代码中发布了重要的东西... –

+0

你能告诉我们你使用哪个角度版本吗?我与来自鲍尔的1.2.0-rc.3有相同的错误。 – BiAiB

回答

0

根据我的经验,这种类型的错误通常是由于错误的文件引用。你确定angular-animate.js的路径是正确的吗?它是否指向正确的文件?是目录中的文件吗?

+0

所有路径绝对正确。 –

1

我通过更新到角1.2.13修正了这个错误。似乎对我来说是由于角度1.0.8之间的版本不匹配等。

+0

我有同样的问题。它看起来像1.0.8根本不支持这个功能。 –

2

总而言之,通过迁移到1.2.13版本的AngularJS解决了所有问题。我认为这个错误发生了,因为1.0.8不支持它(或者它可能是其他的东西)。

0

引用另一个答案,帮助我对这个职位的未来观察家:

https://stackoverflow.com/a/24766563/1366216

遇到同样的问题。您必须将角度的版本与角度动画相匹配。 更改: “angular-animate”:“1.2.6”

问题是您需要将角度版本与角度动画版本相匹配。