question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

console.log commands are not shown their code line locations

See original GitHub issue

After 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: 1_Ot8O3BcmnRF_JkeerVYWfA

After update: t1 (1)

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:closed
  • Created 4 years ago
  • Reactions:19
  • Comments:36 (16 by maintainers)

github_iconTop GitHub Comments

7reactions
rickhanloniicommented, Oct 16, 2019

This is fixed by https://github.com/facebook/react-native/pull/26883

That diff will revert this back to showing “YellowBox.js”:

Screen Shot 2019-10-16 at 2 05 08 PM

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:

Screen Shot 2019-10-16 at 2 14 32 PM

Note: The regexes to use are /YellowBox\.js$ and /setUpDeveloperTools\.js$

Screen Shot 2019-10-16 at 2 15 07 PM

Note: Notice that App.js is referenced here instead of YellowBox.js

You can read more about Chrome Blackboxing here

7reactions
IceDev-xyzcommented, Oct 13, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found