console.log doesn't work with react-native

Question

I'm starting with react-native and I'm getting this problem: I can't log to bundler metro server.

If I create my application using create-react-native-app, I can do 'console.log' and value are logged to metro bundler (running on port 8081).

But if I create my application with react-native init <project>, this doesn't work. To make console.log work, I need to open Chrome DevTools and set remote debug in application.

So my question is: is there any way to make native code to log in bundler console with console.log? I don't want to work with 'create-react-native-app' because it uses Expo and 'realm' database doesn't support expo.

I've tried with react-native 0.55.4 and 0.56, both in windows and linux.

Try npmjs.com/package/react-native-log-ios, it works without remote JS debugging! — anni
– anni, Commented Oct 18, 2018 at 11:40

David Noreña · Accepted Answer · 2018-07-18 13:03:02Z

22

You can also see the console.log() outputs using these commands:

$ react-native log-android
$ react-native log-ios

Note: It also works to debug native errors, for example when you have a blank screen and metro bundler doesn't show errors neither.

For more information you can check this out

edited Jul 18, 2018 at 13:03

answered Jul 17, 2018 at 14:48

David Noreña

4,3103 gold badges31 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

realtebo Over a year ago

Command log-android unrecognized. Make sure that you have run npm install and that you are inside a react-native project.

Kindly, could you explain me what's the problem?

Philipp Ludwig Over a year ago

Does not work for me, I only see generic React Native log messages, such as Initializing React Xplat Bridge..

Sebastian Diaz Over a year ago

It doesn't work for me. I'm i MacOS and I've installed react native with "npm install react-native", and the command "react-native log-android" show me some thing similar to Metro but it doesn't show the console.log output.

c-chavez · Accepted Answer · 2018-10-22 14:29:54Z

3

Don't know if I correctly understand your question (because of my english), but you can try this:

Run adb logcat *:S ReactNative:V ReactNativeJS:V in a terminal to see your Android app's logs.

Taken from Using adb logcat for React Native Debugging

edited Oct 22, 2018 at 14:29

c-chavez

7,5365 gold badges39 silver badges50 bronze badges

answered Jul 17, 2018 at 9:10

SuperSec

14010 bronze badges

Comments

Atakan · Accepted Answer · 2018-07-17 13:48:50Z

1

You can download React Native Debugger and Open your JS Debugger in development menu. You can see everything into RN Debugger.

answered Jul 17, 2018 at 13:48

Atakan

9710 bronze badges

Comments

realtebo · Accepted Answer · 2019-02-20 20:19:59Z

1

I discovered that console.log are omitted from console log if your disable remote debug from the debug menu

answered Feb 20, 2019 at 20:19

realtebo

25.8k46 gold badges128 silver badges223 bronze badges

Comments

MEHMET AYDAR · Accepted Answer · 2020-05-05 22:42:26Z

1

On Mac. While on ios simulator Clicked on

Command-d->Stop Debugging

.This made logging work for me.

answered May 5, 2020 at 22:42

MEHMET AYDAR

611 silver badge1 bronze badge

Collectives™ on Stack Overflow

console.log doesn't work with react-native

5 Answers 5

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related