How to resolve Angularjs TypeError: Cannot read property 'push' of undefined?

Question

I am using angualrjs and when i launch my app, i am getting the error :

TypeError: Cannot read property 'push' of undefined

Here is the my code :

   app.config([ '$routeProvider','$locationProvider', '$httpProvider', function($routeProvider, $httpProvider,$locationProvider) {


    $httpProvider.interceptors.push(function ($q, $rootScope, $location) {
            return {
                'responseError': function(rejection) {
                    var status = rejection.status;
                    var config = rejection.config;
                    var method = config.method;
                    var url = config.url;

                    if (status == 401) {
                        $location.path( "/login" );
                    } else {
                        $rootScope.error = method + " on " + url + " failed with status " + status;
                    }

                    return $q.reject(rejection);
                }
            };
        });


    $httpProvider.interceptors.push(function ($q, $rootScope, $location) {
        return {
            'request': function(config) {
                if (angular.isDefined($rootScope.authToken)) {
                    var authToken = $rootScope.authToken;
                        config.headers['X-Auth-Token'] = authToken;
                    }
                return config || $q.when(config);
            }
        };
    }
);

}]);

I don't understand why i have this error

It means it cannot resolve $httpProvider.interceptors. That is, at the time of execution, $httpProvider.interceptors is probably null, or undefined. Is this script executing at the right time (after angular is loaded)? — krisk
– krisk, Commented Nov 7, 2014 at 22:26
You both helped me. But i can juts accept one answer. Yes,now i remember why the order of parameter is important ( concerning minification) — Pracede
– Pracede, Commented Nov 7, 2014 at 22:39

David Losert · Accepted Answer · 2014-11-07 22:32:50Z

3

The order of your injections is wrong. You put the $locationProvider before the $httpProvider in the array, so you need the same order within the parameters:

app.config([ '$routeProvider','$locationProvider', '$httpProvider', 
function($routeProvider, $locationProvider, $httpProvider) {});

answered Nov 7, 2014 at 22:32

David Losert

4,8221 gold badge28 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sergey Kolodiy · Accepted Answer · 2014-11-07 22:33:57Z

3

You are probably injecting wrong object instead of $httpProvider. Your configuration should look like this:

app.config(["$httpProvider", function ($httpProvider) {
    $httpProvider.interceptors.push('myInterceptor');
}]);

UPD: You have a typo, just change your

app.config([ '$routeProvider', '$locationProvider', '$httpProvider', function($routeProvider, $httpProvider, $locationProvider)

to

app.config([ '$routeProvider', '$locationProvider', '$httpProvider', function($routeProvider, $locationProvider, $httpProvider)

(just swap $httpProvider and $locationProvider).

edited Nov 7, 2014 at 22:33

answered Nov 7, 2014 at 22:27

Sergey Kolodiy

5,9491 gold badge38 silver badges59 bronze badges

Collectives™ on Stack Overflow

How to resolve Angularjs TypeError: Cannot read property 'push' of undefined?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related