Geek Answers Handbook

In the Chrome Developer Tools, the “reaction” tab displays a “search for reaction” and hangs there

I tried to debug the response app, after launching the app and going to the React tab in the Chrome developer tools, it shows

"Looking for React"

and hangs there, nothing appears. But the application is running successfully and I can work on it, what could be the problem?

+5
source share
2 answers

I had a similar problem, only the React tab worked in dev tools. My solution was:

  • Open the Chrome Extensions tab , chrome://extensions/

  • Disable the React dev tool

  • Go to the page where React is not working

  • Close devtools

  • Reload the page and the chrome extension page (I think this checks for updates, not sure)

  • Turn on tools for creating response tools

  • Open the React tool on the web page and it should work again.

+2
source

This happens when you render on the server side. Thus, React code is not accessible to the browser, try to make it on the client side. Example: in Webpack, if you use the application in dev-server mode, for example

 webpack-dev-server

on the React tab of Chrome Developer tools, you’ll see “Search for an answer” change your URL from

 localhost://8080/webpack-dev-server/

to

 localhost://8080/

Your React tab is loading, I showed it for webpack, it is common for everyone to run it on the client side.

+1
source

More articles:


All Articles