🐛 Bug Report
- When attempting to open the new react native app default app and
trying to debug in Chrome debugger, users encounter an error message
stating in terminal: "Attempting to debug JS in Flipper (deprecated).
This requires Flipper to be installed on your system to handle the ‘flipper://’ URL scheme." This prevents users from efficiently debugging their React Native apps using Chrome Debugger through Flipper.
To Reproduce
Sure, here are the steps you provided converted into a numbered list:
Open a new React Native application in development mode. (CLI)
- Start the application and ensure it’s running on a device or simulator.
- try to open debugger (CLT+M) in Android simulator to open Chrome debugger browser.
- after getting warring Attempting to debug JS in Flipper (deprecated). This requires Flipper to be installed on your system
- to handle the ‘flipper://’ URL scheme.**
- Unable to Navigate to the Chrome Debugger tool.
- Unable Attempt to connect to the running React Native app for debugging.
Environment
React Native Latest version 0.73 (CLI)
if anyone also encounter this same issue so how they resolve it and what the solutions for this issue?
2
Answers
You need to have Flipper installed on your desktop/laptop. This way, when you try to debug your app, it will launch the debugger in Flipper instead of launching it in Chrome.
You can read more about this and the deprecation warning in the official docs: https://reactnative.dev/docs/debugging#opening-the-debugger
Has there been any update on this? I’m facing the same problem, I’ve upgraded my react-native app from 73.1 to 0.74.1. The react native documentation says they are removing the default integration with Flipper, but it is still trying to open Flipper when you Open the debugger from the Dev Menu, this makes it very unclear.
I’m also having problems with the experimental debugger, since it is not being able to connect, the options I have remaining is using another debugger like reactotron, but I’d rather solve this first though.