flipper icon indicating copy to clipboard operation
flipper copied to clipboard

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.

Open omprakashcs01 opened this issue 11 months ago • 12 comments

🐛 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

omprakashcs01 avatar Mar 12 '24 15:03 omprakashcs01

I am also getting same waring

Screenshot 2024-03-16 at 2 03 44 PM

loshithch avatar Mar 16 '24 08:03 loshithch

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

Asadaial avatar Mar 27 '24 08:03 Asadaial

getting same issue

adarshbuopso avatar Apr 04 '24 13:04 adarshbuopso

getting same issue

Kishore0297 avatar Apr 10 '24 07:04 Kishore0297

getting same issue

Yi-debug avatar Apr 15 '24 03:04 Yi-debug

Same here </3

mateoLorenzo avatar Apr 17 '24 10:04 mateoLorenzo

how can I install flipper in android[windows]

yashbhalodiya24 avatar Apr 19 '24 06:04 yashbhalodiya24

going through same error :/

saniaayoub avatar Apr 22 '24 15:04 saniaayoub

Same i am also facing the same issue

asgarPeerbits avatar May 10 '24 05:05 asgarPeerbits

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

adarshbuopso avatar May 10 '24 08:05 adarshbuopso

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

image

mateoLorenzo avatar May 14 '24 18:05 mateoLorenzo

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

emiliaasy avatar Jul 22 '24 07:07 emiliaasy

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.

phazei avatar Sep 19 '24 20:09 phazei