Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React running debugger out of the blue?

Tags:

reactjs

My React app has started running this line out of the blue and interrupting my development. The file is React_devtools_backend.js

debugger;t.apply(void 0,o)};n.__REACT_DEVTOOLS_ORIGINAL_METHOD__=t,// $FlowFixMe property error|warn is not writable.

Any ideas why and how to fix this?

like image 341
uber Avatar asked Jul 10 '20 20:07

uber


People also ask

How do I set debugger in react?

When debugging a React app, I often find breakpoints to be very helpful. There are two main ways in which we can use them: By writing the debugger statement in our source code. By clicking on a specific line of the code in the Chrome web browser (or Firefox, Edge, etc.)

How do I check my React Native network request?

If you are looking to debug network requests on a release version of your app you can use the library react-native-network-logger. It lets you monitor and view network requests within the app from a custom debug screen.


1 Answers

It is a bug in React Dev Tools (version: 4.8.0). You can see the issue here. If you use Firefox and update the extension, probably it is going to be fixed. If you are using Chrome, the update is still pending but you can find a temporary solution in the issue link.

Temporary solution:

You should also be able to go to Components tab, press Settings gear, add checkbox to Break on Warning, then do this again, and remove the checkbox as a temporary workaround.

like image 129
devserkan Avatar answered Nov 03 '22 00:11

devserkan