2013-10-30 11 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」

問題是您需要將角度版本與角度動畫版本相匹配。