Why is console.log() showing react_devtools_backend.js:4049 instead of the file and line number?

Issue

When I console.log(), the Chrome console gives the log but instead of showing the file and line number it just says react_devtools_backend.js:4049. How do I get the console to show the file and line number when I console.log()?

screenshot of console output showing "react_devtools_backend.js:4049" in place of a correct file and line number

Solution

I was able to fix it in my console adding the file to my ignore list in Chrome. Once I added react_devtools_backend.js to my "Console" => "Gear" (top right) => "Settings" => "Ignore List", the console.log started showing correct mapping again.

screenshot of Framework Ignore List in Chrome Settings

Answered By – Sean

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published