角度动画中的奇怪错误.js

Strange error in angular-animate.js

本文关键字:错误 js 动画      更新时间:2023-09-26

我尝试使用ngAnimate模块来创建一个简单的动画。问题是每次我尝试仅将此模块作为依赖项包含时,都会收到此错误:Error: Unknown provider: $animateProvider from ngAnimate

代码非常简单,但我无法理解问题所在。

这是我的 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']);

很简单。一切都像本教程中一样,没什么特别的。但它不起作用。同样的问题在这里堆栈溢出,但没用......

那么,谁能解释一下问题是什么?

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

我通过更新到 angular 1.2.13 来修复此错误。对我来说,似乎是由于角度 1.0.8 等之间的版本不匹配。

根据我的经验,这种类型的错误通常是由于错误的文件引用造成的。你确定角度动画.js的路径是正确的吗?它是否指向正确的文件?该文件是否存在于您的目录中?

引用另一个对我有用的答案,为这篇文章的未来观察者提供帮助:

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

遇到了同样的问题。您必须将角度与角度动画的版本相匹配。改变:"角度动画":"1.2.6"

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