console.log commands are not shown their code line locations
See original GitHub issueAfter 0.61.x releases on the debug mode console.log
commands are not showing their code line locations. They always shown at ... Project Directioy ...\projectName\node_modules\react-native\Libraries\Core\setUpDeveloperTools.js:73
directory.
For example; Before update:
After update:
Is this a bug? If it’s not previous version was way more useful for variable, data or etc… tracking.
Versions:
"react": "16.9.0",
"react-native": "0.61.1"
Environment:
[skip envinfo]
Issue Analytics
- State:
- Created 4 years ago
- Reactions:19
- Comments:36 (16 by maintainers)
Top Results From Across the Web
console.log commands are not shown their code line locations
Line numbers for console.log statements don't work by default when using Chrome debugging. To get correct line numbers open up the Chrome Dev ......
Read more >Expo console.log commands are not shown their code line ...
Line numbers for console.log statements don't work by default when using Chrome debugging. To get correct line numbers open up the Chrome ...
Read more >Console app not showing info and debug logs
I've tried running the Console app as root, via sudo from the command line and the same issue occurs; no debug or info...
Read more >Debugging - React Native
Accessing console logs. You can display the console logs for an iOS or Android app by using the following commands in a terminal...
Read more >Debug Node.js Apps using Visual Studio Code
The Visual Studio Code editor includes Node.js debugging support. Set breakpoints, step-in, inspect variables and more.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is fixed by https://github.com/facebook/react-native/pull/26883
That diff will revert this back to showing “YellowBox.js”:
This will stay the case until Chrome exposes a way for us to ignore our wrapping frame (see here).
Until then, if you want to see the true frame, you can blackbox
YellowBox.js
(or any script) and Chrome will know to skip that frame:Note: The regexes to use are
/YellowBox\.js$
and/setUpDeveloperTools\.js$
Note: Notice that
App.js
is referenced here instead ofYellowBox.js
You can read more about Chrome Blackboxing here
I also use Chrome Debugger tools, It feels simpler… if this decision can be discussed, count my vote for allowing to see logs like before without having to install React DevTools.