angularjsangular-cookies

Unable to load ngCookies into Web Application

I am trying to implement a 'remember me' option on my login page and have ventured down the path of using ngCookies to store a local cookie to handle this. However, in trying to follow the instructions from angular documentation I am unable to get the module working in my Web Application.

I am using AngularJS version 1.4.8 and have made sure my angular-cookies.min.js is running the exact same version. I have made sure to add my <link> tags in the correct order:

    <script src="../vendor/jquery/dist/jquery.min.js"></script>
    <script src="../vendor/angularjs/angular.min.js"></script>
    <script src="../vendor/angularjs/angular-cookies.min.js"></script>

However, when I try to load the module into my application:

var EdgeApp = angular.module('EdgeApp', [
    'ngCookies', 
    'ngAnimate', 
    ....
])

I get an $injector:modulerr error:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=EdgeApp&p1=Error%3A…2Fdrake-monitor%2FRestApi%2Fvendor%2Fangularjs%2Fangular.min.js%3A19%3A463)

All other modules and dependencies load correctly and work fine.

Solution

  • Based on the advice from @WonderGrub, I stripped my project back to the bear basics and worked from the ground up.

    To start with, I installed all of my external modules correctly using Bower (something I wasn't doing before), then I added one module at a time to see if I had any conflicts.

    I also reverted back to using .js files instead of .min.js files for my development to help me identify errors more accurately.

    I'm unsure what the actual cause of my issue was, but going through the procedures above and the advice from my initial post has worked for me without errors.