React Native Debugger Broke - react-native

I was just coding away, when suddenly the debugger broke and every time I try to reload my app via Expo, cmd shows me the following error:
I am new to react native, hence clueless what might be wrong. Any ideas?
Thanks!

The issue was that remote JS debugging was activated via the developer menu on the phone. I must have accidentally tapped it when reloading the app.

Related

ReactNative App works on Simulator but crashes in TestFlight

I am developing a ReactNative app for iOS using Expo.
The app worked correctly on a real iPhone with just basic components (View, Text, Button & Styling).
However, I added Stack Navigation last night. The app had no issues on the simulator so I built through 'eas build' (also no problems). I submitted it to TestFlight for internal testing. But, when I click to open the app, it crashes immediately. As it is an actual app, it gives no info about the cause.
I am very stumped, so any help would be great. Thanks!
Solved this months ago but forgot to post the solution.
In case anyone is having a similair issue, the problem was really small.
I was using navigation components such as'createStackNavigator' instead of their native counterparts e.g. 'createNativeStackNavigator'. Made the swap and the app is now working properly.

Can you reload a React Native app from React Native Debugger?

I've just switched from debugging my React Native app in the browser using the console to React Native Debugger. In the browser, there is a button to reload the app which is very useful and something that I need to do a lot. Now using React Native Debugger I can't find a way to reload the app which means I need to shake the device (very annoying).
I've searched the docs but can't find way of doing it.
Is there a way I'm missing?
Yes, a reload can be done I think. Right click -> reload Js.
You can find this under the shortcut references: https://github.com/jhen0409/react-native-debugger/blob/master/docs/shortcut-references.md

"Unable to resolve module" debuggerWorker errors in recent react-native releases

I keep my project(s) relatively up to date with the latest RN releases. This error seems to be coming up more and more lately.
Error: Unable to resolve module `./debugger-ui/debuggerWorker.d9da4ed7` from ``:
None of these files exist:
* debugger-ui/debuggerWorker.d9da4ed7(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
Really makes it hard when trying to debug issues and a debugger statement does noting and errors are not reported to the browser tab where the console output goes.
I've already tried wiping node_modules. Is this a known issue with a concrete fix available?
Got stuck with this exact issue for hours. Just found that this occurs only on device where app is already installed with debug mode enabled.
I fixed it by:
uninstalling manually app from device (cmd+H to display simulator home) then long click on app icon and click on cross to delete app => this forces disabling debug mode,
then run app again from xcode.
Enabling debug mode after that works normally.
I had to come across a similar issue after updating #react-native-community/cli-debugger-ui to 4.2.1. Tried out several methods, nothing worked. Reverting #react-native-community/cli-debugger-ui back to 3.0.0 resolved the issue for me.
I closed the app (pressing home twice and swiping up), then started it again from the simulator and it worked.
Happens to me recently using expo and android.
The solution was to clear all Expo Go data:
Long press the Expo go icon
Then select App info
At the bottom of the screen, press Clear Data
And press Clear all data
Relaunch expo go and the react native app

React Native: Recurring Could Not Connect to Developtment Server error (timeout?)

I've been trying out React Native lately and I got everything setup right.
Im running my Android Virtual Device and my RN app is displaying and reloading just fine.
However, every after a certain amount of time, when i hit RR (refresh) i get this error:
The only way I can seem to recover from this is if I rerun React native command:
react-native run-android
After that, it's ok again..... until after a few minutes, I get that dreaded RED SCREEN OF DEATH again.
What could be causing this? Timeout of some sort?
TIA
There are some reasons for that.
You have problem on JS files you are using (you can see errors on
react packager)
You are closing the react packager terminal after run your app
It closes itself automatically with some terminal reasons
Do you get any error on react packager?

React native server stops transforming every time

React native was working perfectly till today. But, Suddenly I'm facing a weird error. Whenever I try to load js from the react native android app. I'm getting the following messages.. Transforming progress bar is stopping exactly in 96% every time.
Let me know, If you need any extra information.
Thanks,
In my case, This was due to a package called MaterialReactNative. If there is some problem in the package, this will be stopped in transforming. If you want to know which package is making this problem. You can start react native in verbose mode.
react-native start -vvv
I hope that this will help few people who are facing the same issue.