I'm attempting to incorporate the ngAnimate module for a basic animation, but I keep encountering an error when trying to include it as a dependency:
Error: Unknown provider: $animateProvider from ngAnimateDespite the simplicity of the code, I can't seem to pinpoint the issue.
Below is my HTML template:
<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>
Including ngAnimation in my module like this:
var myModule = angular.module('myModule', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate']);
It's a straightforward setup, following a tutorial similar to this one. Yet, it refuses to function. There was a similar issue discussed on stackoverflow here, but no solution...
Could anyone shed some light on what might be causing this problem?