How to disable Remote JS Debugging in React-Native

Question

I realize that the normal way to disable debugging is by going to the developer menu. The problem is that since I turned on debugging for my app I am testing (React Native & Android emulator) I have been getting a white screen when the app loads with no information on the console and no ability to access the Dev menu to turn off the debugging.

So I am stuck. SInce JS debugging seens to be specific to the App I assume there is SOMEWHERE else either in the emulator or in react that I can turn it off.

Please advise? Thanks

I just discovered that this is meant to open the dev menu from command line adb shell input keyevent 82. The problem is that i still get nothing....like the app is just hanging — Gotts, Nov 21 '16 at 12:02
After so many years this issue still come up. In my case because I accessed the api via ngrok. A "solution" was to clear cache data of Expo Go from the device app manager but should be issued in a better way — Carmine Tambascia, Aug 08 '22 at 19:21

score 48 · Answer 1 · answered Jan 21 '17 at 15:42

48

I just had a similar problem - the remote debugger initialization kept crashing my app and I could not disable remote debugging via the in-app GUI.

After having uninstalled the app from the device (or emulator), remote debugging was disabled when I started the app again.

I assume, that the remote debugging flag is saved withtin the app's shared preferences (which get deleted after uninstall).

answered Jan 21 '17 at 15:42

Habizzle

2,971
3
20
23

3

This should be accepted answer. I don't understand why other similar answers are getting downvoted. Ctrl/Cmd + M doesn't work because the app is stuck, OP said it (and I'm having the same issue)... When you (accidentally) turn on Remote Debugging, it's stored inside the application. Resetting the whole simulator is unnecessary, just uninstall the app and build it again. I didn't come across a faster solution. – effeKtSVK Nov 26 '21 at 14:22
I had the exact same problem as you, thanks! How come the answer with 35 upvotes is at the bottom? – Scientist1642 Aug 02 '22 at 17:19
1

@Scientist1642 Me too. Damn, I don't understand why when I press debug remote js my app crashes and can't launch again. It took me a ton of time, luckily found this answer. – Nam Lee Aug 10 '22 at 18:39
this is kind of an overkill. within Android, it is enough to clear the app data as well as the cache. Upon reload, the remote debugging will be gone – alfx Sep 24 '22 at 20:26
i tried so many thing, doesn't work, restart app, doesn't work, reinstall avd emualtor, doesn't work, reset cache by running expo --clear, doesn't work.... – Pencilcheck Apr 19 '23 at 22:58

score 27 · Answer 2 · answered Nov 05 '18 at 16:53

27

If you are using on MS : ctrl + m, MAC OS : cmd + m, iPhone/android: shake your device then look for the "disable Remote Debug JS" and click it.

answered Nov 05 '18 at 16:53

Gabrielle Durano

458
4
7

2

cmd + d then disable remote debugger – loekTheDreamer Jan 05 '22 at 08:07
3

cmd + m just minimises the window. cmd + d is what did it, thanks @loekTheDreamer – Sergey Katranuk Oct 11 '22 at 03:43
This answer is not relevant. You might wanna update it. cmd + m just minimizes the window – Muteshi Mar 18 '23 at 10:31

score 22 · Answer 3 · answered Nov 30 '20 at 08:57

22

Go to your android settings and clear app data and cache and reload the app remote debugging will be turned off.

answered Nov 30 '20 at 08:57

user13707546

241
2
6

isn't there any solution with out disabling the debugger? I need to run in debugging mode to see logs – ThinkAndCode May 13 '22 at 08:46

score 11 · Answer 4 · answered Jul 09 '20 at 19:55

11

Faced the same problem using the Expo app. The app won't start and couldn't access the developer menu and debugging remote js kept crashing the app. The easiest and quickest solution which worked for me was to clear app data in Expo.

answered Jul 09 '20 at 19:55

Isuru731

111
1
5

in 2022, with SDK 45, it still working, thanks – devseo Jun 21 '22 at 12:48
A ridiculous problem, but at least your solution works, thanks – Rok Sprogar Jun 25 '22 at 13:47
3

it would be nice if you included **how** to clear the app data in Expo. – csstudent1418 Jun 28 '22 at 12:49

score 11 · Answer 5 · answered Jan 24 '22 at 17:55

Add this to your app's entrypoint

import { NativeModules } from 'react-native';
NativeModules.DevSettings.setIsDebuggingRemotely(false);

This is a poorly documented low-level function that will force the remote debugging to be in one state. Once you're unstuck, I recommend you remove this line, as it can cause your app to go in a loop and/or swallow errors in some strange situations.

score 8 · Answer 6 · answered Mar 12 '18 at 14:21

8

The only thing that worked for me (on a Mac) was going to menu bar up top and clicking 'Simulator' and then 'Reset Content and Settings...'. It did reset all the content and settings, though.

answered Mar 12 '18 at 14:21

knod

446
5
8

1

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/low-quality-posts/19083266) – OmG Mar 12 '18 at 21:24
3

@OmG: Did this not work for you? When I did it, it did reset the debugging, thus disabling it. I didn't find any other way to access any options that would let me do what was requested. If there's something I can clarify, please let me know. – knod Mar 16 '18 at 03:07
this worked for me when other solutions did not, thank you. – Shaun Wilson May 07 '20 at 23:16
I think instead of reset content... In the same menu, you can choose SHAKE, this will display the ActionSheet (debug menu) in the simulator. From there you can disable debugging – Jaime Sangcap Jan 27 '21 at 21:31

score 6 · Answer 7 · answered Sep 26 '21 at 22:19

6

For those on a Mac using an iOS simulator who cannot do ⌘D because some error has you stuck at an error screen, you can simulate a shake on your simulator with ^⌘z. This will force expo's shelf options open on your simulator and you can disable the debugger, get back into your app and fix whatever you have to fix before getting stuck in your debugger again.

answered Sep 26 '21 at 22:19

Emanuel Siu

83
1
4

This should be the accepted answer for MacOS users. – rmlarsen Dec 08 '21 at 17:31

score 5 · Answer 8 · answered May 02 '20 at 11:28

5

On Mac: Run react-native for ios then, Go to

Simulator->Hardware->Erase all content and settings

Then go to Vscode,

Run without debugging

This made hot reload working for me.

answered May 02 '20 at 11:28

MEHMET AYDAR

61
1
1

score 5 · Answer 9 · answered Jun 03 '20 at 07:06

5

Sorry this is coming late but it will help others in the future. If you're facing this issue, just uninstall the expo client app on your mobile device or emulator and install the expo app again and it will fix that.

answered Jun 03 '20 at 07:06

kelvin torver

49
1
7

score 5 · Answer 10 · answered Sep 22 '20 at 08:51

5

just ctrl+m on the emulator and stop debugging

answered Sep 22 '20 at 08:51

Ahsan Khan

157
2
3

2

For me that does not work. It does nothing. The debugger is still on. – jlguenego Jan 18 '22 at 18:06
Yes, me too. I can't kill this thing. – JCraine Mar 14 '22 at 23:04

score 3 · Answer 11 · answered Nov 22 '18 at 15:03

3

I had to do:

cd android; gradle uninstallDebug; cd ../; react-native run-android

answered Nov 22 '18 at 15:03

LucasMW

151
6

score 2 · Answer 12 · answered Oct 04 '20 at 05:40

The best way, if your using an emulator.

Exit out of expo
find the expo app that's located in your emulator and got to the expo settings.
you will see an option to clear cache and storage.
clear them both and then start expo again.
Remote debugging should be turned back off.

score 2 · Answer 13 · answered Mar 28 '22 at 08:42

2

I experienced this as well and it was frustrating. I can't access menu since the app was crashing. Either reinstalling the app or clearing app data did the trick for me.

answered Mar 28 '22 at 08:42

Rafhael Pabustan

21
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Mar 28 '22 at 16:27
This does not really answer the question. If you have a different question, you can ask it by clicking [Ask Question](https://stackoverflow.com/questions/ask). To get notified when this question gets new answers, you can [follow this question](https://meta.stackexchange.com/q/345661). Once you have enough [reputation](https://stackoverflow.com/help/whats-reputation), you can also [add a bounty](https://stackoverflow.com/help/privileges/set-bounties) to draw more attention to this question. - [From Review](/review/late-answers/31392520) – tjheslin1 Mar 30 '22 at 16:54

score 2 · Answer 14 · answered Apr 12 '22 at 13:22

2

clear the expo go application data to solve the problem

answered Apr 12 '22 at 13:22

tinku kalluri

63
4

score 1 · Answer 15 · answered May 02 '19 at 00:14

1

You can also use the ⌘D keyboard shortcut when your app is running in the iOS Simulatoror, or ⌘M when running in an Android emulator on Mac OS and Ctrl+M on Windows and Linux.

answered May 02 '19 at 00:14

Arar

1,926
5
29
47

score 1 · Answer 16 · edited Jul 24 '19 at 04:53

1

You are using on MS : ctrl + m, MAC OS : cmd + m,

iPhone/android: shake your device then look for the "disable Remote Debug JS" and click it.

edited Jul 24 '19 at 04:53

Abhishek Gurjar

7,426
10
37
45

answered Jul 24 '19 at 04:16

Jesse Shangraw

11
1

Run the code below, i hope this code work fine : cd android && gradlew clean && cd .. && react-native run-android share edit – Jesse Shangraw Jul 24 '19 at 04:17

score 1 · Answer 17 · answered Jul 05 '20 at 11:07

1

Simplest answer is just to Clear Data of expo app, It save the flag in shared preference for debug mode after clearing data it vanish and then after call npm start command it again open in development mode - Work for me perfectly

answered Jul 05 '20 at 11:07

Sushant Gosavi

3,647
3
35
55

Damodara Sahu · Answer 18 · 2023-06-29T06:26:39.720

1

Use following steps.

adb kill-server
adb start-server
adb reverse tcp:8081 tcp:8081

edited Jun 29 '23 at 06:26

answered Jun 29 '23 at 06:22

Damodara Sahu

11
2

score 0 · Answer 19 · answered Jul 21 '21 at 14:56

0

Easiest way, without reinstalling expo client is:

Long press you App's icon and select App Info (Or go through Settings > Apps)
Go to Storage & Cache
Clear both storage and cache
Open app again from Expo server

answered Jul 21 '21 at 14:56

bombillazo

296
2
7
14

score 0 · Answer 20 · answered Oct 09 '21 at 07:35

0

Nothing worked for me.Cold booting the emulator from android studio fixed it for me.

answered Oct 09 '21 at 07:35

Rahul Dhiman

59
5

This does not really answer the question. If you have a different question, you can ask it by clicking [Ask Question](https://stackoverflow.com/questions/ask). To get notified when this question gets new answers, you can [follow this question](https://meta.stackexchange.com/q/345661). Once you have enough [reputation](https://stackoverflow.com/help/whats-reputation), you can also [add a bounty](https://stackoverflow.com/help/privileges/set-bounties) to draw more attention to this question. - [From Review](/review/late-answers/30033620) – marcel h Oct 09 '21 at 11:02

score 0 · Answer 21 · answered Nov 26 '22 at 10:01

0

For some reason the cmd+D was not working unless I press first cmd+option and then cmd+D to show the debugger option and then disable it.

answered Nov 26 '22 at 10:01

MoNajar

94
1
2

score 0 · Answer 22 · edited Jun 01 '23 at 12:05

0

On mac:

shift + m 'more tools'
Select 'Toggle developer menu'
A popup will appear on expo go app then select disable debug remote JS

edited Jun 01 '23 at 12:05

Tyler2P

2,324
26
22
31

answered Jun 01 '23 at 11:14

learncode

127
6

score 0 · Answer 23 · answered Jul 10 '23 at 18:31

My app was completely crashing when I would run it and the debug browser window would pop open. I was able to nxp react-native start --reset-cache and then I ran the app again with npx react-native start which gave me enough time while it was re-bundling before the app loaded to shake my device and hit Stop Debugging.

score 0 · Answer 24 · answered Aug 02 '23 at 10:59

0

MAC OS Simulator : cmd + m or shake you device Then Hide inspector

answered Aug 02 '23 at 10:59

TMD

380
2
8

score -3 · Answer 25 · edited Aug 14 '19 at 15:59

-3

Run the code,i hope this code work fine:

cd android && ./gradlew clean && cd .. && react-native run-android

edited Aug 14 '19 at 15:59

kvadityaaz

1,441
1
16
23

answered Mar 04 '18 at 10:33

Mohammad Goldast

367
2
4
14

This may need specifying what to run this with. `yarn cd android......` etc – Sandy Garrido Nov 12 '21 at 12:46

How to disable Remote JS Debugging in React-Native

25 Answers25

Linked