How do I print the stack trace of an Exception in the chrome devtools from my code?

I tried the following:

 function doSomething() { 
     undefined(); // This throws an exception
 }

 try {
      doSomething();
 } catch (e) {
      console.error("Exception thrown", e);
 }

But this yields the following result:

 Exception thrown TypeError {}

And if I expand the arrow next to it, it points me to the line where the console.error() call was made, so I don't get to see where the original error actually happened.

What would be the best way to include the original error information (including message and complete stack trace to the exact location where the error happened) in the console output?

How do I print the stack trace of an Exception in the chrome devtools from my code?

I tried the following:

 function doSomething() { 
     undefined(); // This throws an exception
 }

 try {
      doSomething();
 } catch (e) {
      console.error("Exception thrown", e);
 }

But this yields the following result:

 Exception thrown TypeError {}

And if I expand the arrow next to it, it points me to the line where the console.error() call was made, so I don't get to see where the original error actually happened.

What would be the best way to include the original error information (including message and complete stack trace to the exact location where the error happened) in the console output?

• javascript
• google-chrome
• google-chrome-devtools

2 Answers 2

Object Error has a property stack. Print it out.

console.error("Exception thrown", e.stack);

Please note that stack property is not standardized and it is only used by V8 based browsers + IE. Firefox uses different convention.

You can output the error as object

console.error("%O", e)

Using string substitutions