Currently, I am in the process of developing an Angular application. The modules I have created contain services and controllers that are all working as intended. Recently, I added angular-animate to my list of scripts, which are loaded from a cshtml file prior to my app.js (slightly edited):
<script type="text/javascript" src="~/lib/angularjs/angular.js" defer></script>
<script type="text/javascript" src="~/lib/angular-cookies/angular-cookies.js" defer></script>
<script type="text/javascript" src="~/lib/ui-router/angular-ui-router.js" defer></script>
<script type="text/javascript" src="~/lib/angular-animate/angular-animate.js"></script>
However, upon running angular-animate, I encountered an error message stating "noop cannot be found on undefined". This issue is visible at the beginning of the angular-animate script:
(function(window, angular, undefined) {'use strict';
var noop = angular.noop;
var extend = angular.extend;
var jqLite = angular.element;
var forEach = angular.forEach;
The problem appears to stem from the fact that the 'angular' parameter being passed in is null. Strangely, the angular-cookies script has a similar header but does not encounter this problem, as a non-null value for 'angular' is passed. All files are valid and up-to-date with versions matching my Angular setup.