console.log commands are not shown their code line locations

🐛 Bug Report

Environment

  Expo CLI 3.15.4 environment info:
    System:
      OS: macOS 10.15.3
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 12.13.1 - ~/.nvm/versions/node/v12.13.1/bin/node
      npm: 6.12.1 - ~/.nvm/versions/node/v12.13.1/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    IDEs:
      Android Studio: 3.5 AI-191.8026.42.35.5977832
      Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
    npmPackages:
      expo: ^36.0.0 => 36.0.2
      react: 16.9.0 => 16.9.0
      react-native: https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz => 0.61.4
      react-navigation: ^4.0.10 => 4.0.10
    npmGlobalPackages:
      expo-cli: 3.15.4
App's target: iOS and Android

Steps to Reproduce

Create a new project using expo init new-project. Do console.log() in your code, or cause error somewhere in your code.

Expected Behavior

In google chrome console, or in React Native Debugger, the file name and the exact line of code must be shown on the right-hand side where the console.log was written, or where the error happens. Like this : (Here I used pure react native project , No expo):

Actual Behavior

It always shows RemoteConsole.js:80:

Reproducible Demo

https://github.com/ghasemikasra39/new-expo-project

[m-deacon]

@ghasemikasra39 and anyone else with this issue, I’ve finally found the solution (and it is actually in expo’s docs 🤦‍♀️):

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 Tools settings, go to the “Blackboxing” tab, make sure that “Blackbox content scripts” is checked, and add expo/build/logs/RemoteConsole.js as a pattern with “Blackbox” selected.

source: https://docs.expo.io/workflow/debugging/#remote-debugging-with-chrome-developer-tools

[ghasemikasra39]

dear @m-deacon I am still getting the same issue.