Issue w/firebase.js and Angular UI Router

Question

I'm integrating firebase with AngularJS, and I'm having some trouble using the result of a firebase snapshot in a promise.

Below is the code in one of my states in ui-router:

                resolve: {
                    opinionConfig: function($stateParams, $location, $q, ConstantsService) {
                        var result = $q.defer();
                        var processResponse = function(value) {
                            value.opinion = $stateParams.opinion;
                            result.resolve(value);
                        };

                        var rootRef = new Firebase(ConstantsService.FIREBASE_URL + 'configs/' + $stateParams.opinion);

                        rootRef.once('value', function(snapshot) {
                            if (snapshot.val() === null) {
                                $location.path('/');
                                // console.log("configs doesn't exist.");
                                result.reject("configs doesn't exist");
                            } else {
                                // console.log("configs does exist: " + snapshot.val());
                                processResponse(angular.copy(snapshot.val()));
                            }
                        });

                        return result.promise;
                    }
                }

and I'm getting this error in firefox's developer tools.

enter image description here

and this is what I get in Chrome's developer tools.

enter image description here

It seems like the two errors are different, and I couldn't find an official un-minified version of firebase.js, so I wasn't sure where exactly this is being thrown.

Thanks,

Luke

Community · Accepted Answer · 2017-05-23 11:57:45Z

1

You are using min version of js (the error says angular.min...)

and then this

opinionConfig: function($stateParams, $location, $q, ConstantsService) {

is converted into this

opinionConfig: function(c, x, g, r) { // an example showing minification

so what we have to do is:

opinionConfig: 
['$stateParams', '$location', '$q', 'ConstantsService',
function($stateParams, $location, $q, ConstantsService) {

maybe check also this Minified AngularJS gives me unreadable errors

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Jul 24, 2014 at 4:43

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

6 Comments

Luke Over a year ago

I'm getting the same error even after escaping the injections.

Radim Köhler Over a year ago

Then you have to search for more declarations like this... That is my 99,9% suspected...

Luke Over a year ago

If I just return a normal object without changing the signature. There's no error. I suspect it might be the promise issue. I also uploaded the error i see in Chrome.

Radim Köhler Over a year ago

Gb really could come from minified version of the firebase, but the issue I see, is that the Gb is not found on the null... so it would be on our (not firebase) side... could you create a plunker?

Luke Over a year ago

Okay. Let me create one.

|

Collectives™ on Stack Overflow

Issue w/firebase.js and Angular UI Router

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related