Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable to Debug React Native default (new) App in Chrome Debugger because of flipper this waring Attempting to debug JS in Flipper (deprecated). This requires Flipper to be installed on your system to handle the 'flipper://' URL scheme. #5511

Open
omprakashcs01 opened this issue Mar 12, 2024 · 12 comments

Comments

@omprakashcs01
Copy link

omprakashcs01 commented Mar 12, 2024

🐛 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:

  1. Open a new React Native application in development mode.
  2. Start the application and ensure it's running on a device or simulator.
  3. try to open debugger (CLT+M) in Android simulator to open Chrome debugger browser.
  4. 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.**
  5. Unable to Navigate to the Chrome Debugger tool.
  6. Unable Attempt to connect to the running React Native app for debugging.

Environment

React Native Latest version 0.73

image

@loshithch
Copy link

I am also getting same waring

Screenshot 2024-03-16 at 2 03 44 PM

@Asadaial
Copy link

I am Also getting same issue
react-native:0.73.6
device: android

image image

and this gets happend after commenting line number 60 below
image

@adarshbuopso
Copy link

getting same issue

2 similar comments
@Kishore0297
Copy link

getting same issue

@Yi-debug
Copy link

getting same issue

@mateoLorenzo
Copy link

Same here </3

@saniaayoub
Copy link

going through same error :/

@asgarPeerbits
Copy link

Same i am also facing the same issue

@adarshbuopso
Copy link

adarshbuopso commented May 10, 2024

Install this version as this version is working
windows: https://github.com/facebook/flipper/releases/download/v0.220.0/Flipper-win.zip
Mac: https://github.com/facebook/flipper/releases/download/v0.220.0/Flipper-mac.dmg

@mateoLorenzo
Copy link

This solved the problem for me:
https://reactnative.dev/docs/debugging

image

@emiliaasy
Copy link

Thanks for the suggestion. I've followed the step. But I can't find "network" tab. I've restored the devtools into default but nothing changes. Does anyone have the same issue?
image

This solved the problem for me: https://reactnative.dev/docs/debugging

image

@phazei
Copy link

phazei commented Sep 19, 2024

How is doing that even a solution. The "Open Debugger" button is broken, it shouldn't be attempting to do anything with flipper since it was removed entirely in 0.74.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

12 participants