Uncaught TypeError: a.customFilter is not a function with ngAnimate

Question

I am working on an AngularJS application and I tried to add Angular Animate.

Angular Route did not cause any problems, but it seems that Angular Animation is not compatible with something in my application.

I load libs in the following order:

<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="../node_modules/angular/angular.min.js"></script> <script type="text/javascript" src="../node_modules/angular-animate/angular-animate.min.js"></script> <script type="text/javascript" src="../node_modules/angular-route/angular-route.min.js"></script> 

And use them in my app.js :

 var app = angular.module('tictactoe', ['ngRoute', 'ngAnimate']); 

I get the following error. JQuery and Angular (Vanilla + Route + Animate) were installed with npm

Dependency Options:

Answer 1

Use angular version 1.6.5 or upgrade to angular -animation version up to 1.6.4 . This will solve the problem. Here is a snippet of some example angular application in which this dependency condition can be checked (just change the library versions in the cdn link)

https://plnkr.co/edit/v0cLmZvYAC8m1J7JdwHf?p=preview

Answer 2

Please downgrade to angular animate 1.6.4. Here is a file that you should also download from this link. he works for me.

 https://code.angularjs.org/1.6.4/ 

Also change bower.json (angular -animate / bower.json)