When I'm debugging my javascript I can't inspect my objects in the console. They always throw the error "Uncaught ReferenceError: X is not defined(...)

You can see in the screenshot below that I've paused the debugger at activate()

The console.log() calls both properly display what's in the respective object but when I try to see the objects by typing them in the console I get the errors.

I'm using Chrome 45.0.2454.85 m

When I'm debugging my javascript I can't inspect my objects in the console. They always throw the error "Uncaught ReferenceError: X is not defined(...)

You can see in the screenshot below that I've paused the debugger at activate()

The console.log() calls both properly display what's in the respective object but when I try to see the objects by typing them in the console I get the errors.

I'm using Chrome 45.0.2454.85 m

• javascript
• debugging
• google-chrome-devtools

• 1 are you minifying the JS code and using a source map? – sahbeewah Commented Sep 8, 2015 at 13:23
• are you actually on the activate() line, or have you stepped into the activate function? – sahbeewah Commented Sep 8, 2015 at 13:27
• I'm minifying the JS code and using a source map. Enable JavaScript source maps is checked in the settngs. – Cooper Commented Sep 8, 2015 at 13:28
• Minifiers usually changes variable & function names. – user3946265 Commented Sep 8, 2015 at 13:29
• I have not stepped into the activate function. – Cooper Commented Sep 8, 2015 at 13:29

1 Answer 1

If your code is minified, the variable and function names probably have changed.

If not:

test is only defined in the scope of userController, that's why you can not access it like this from the console.

vm is defined in the scope of userController aswell.

example:

var test = "1";
function foo(){
    var bar = "2";
    console.log(bar); #2
}

foo(); #will log "2"
console.log(test); #1
console.log(bar); #undefined