Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – Chrome DevTools Debugger freezing once it hits breakpoint

I have recently started working on a ReactJS webapp codebase that is bit out-dated and currently being tasked to modernize by upgrading to latest versions of dependencies and NodeJS 14 to LTS.

The problem I encounter is that sometimes, the Chrome Devtools debugger would freeze once it has hit the breakpoint, sometimes I will be able to see the stack trace calculated but cannot interact with the debugger anymore as it becomes unresponsive (even if I use keyboard shortcut F8 to try and resume)

One of my suspicion is that somehow it sees 2 folders in the Page > top > localhost:3000
I tried putting the 1st folder (C:/Dev/IntelliJ/xxx/src) into ignore list since those src files are misleading, ie. if you put breakpoints to those files, the debugger never hits them since the debugger is only looking at the 2nd folder (static/js)

enter image description here

However, I even if I put this in the ignore list, the debugger is still encountering freezing and would require me to close the tab itself as its unresponsive.

My chrome versions is up-to-date Version 127.0.6533.89 (Official Build) (64-bit)

Any help please?

Tags:

2

Answers


  1. 0

    My team is having the same problems. Able to use F12 to take the debugger down, and again to bring it back, the console works, but breakpoints seem to cause some sort of timeout.

    Login or Signup to reply.
  2. 0

    I can’t confirm that version 127.0.6533.100 fixes the problem. The problem still exist 🙁

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search