Best IT Recipes

Respond to broken tools in Chrome browser

I am debugging an application that uses React.js, the list of Chrome extensions clearly shows that the React developer tools are installed, and when I go to the React site at http://facebook.imtqy.com/react/ I clearly see the “React” tab in developer tool window. But when I debug my application, I see this in the console:

Download the React DevTools for a better development experience: http://fb.me/react-devtools React.js:87

Can someone tell me how to get him to use the tools for React developers?

thank!

+46
javascript google-chrome reactjs
Oct 13 '14 at 19:29
source share
4 answers

You no longer have to do anything.



For older versions of answers, the basic requirement is to install window.React. If you are using a modular system:

 if (typeof window !== 'undefined') { window.React = React; }

This is usually done in the main source file.

+22
Oct 13 '14 at 19:46
source share

If you opened the local html file in your browser (file: // ...), you must first open the chrome extensions and check the box "Allow access to file URLs".

+104
May 16 '15 at
source share

This message is always displayed even if React dev tools are installed and working on the current page. This will be fixed at 0.12 (and already fixed in master). See https://github.com/facebook/react/pull/953 .

+3
Oct. 16 '14 at 3:15
source share

Response tools will also not work if you are in incognito mode. May help someone.

+1
Jan 20 '17 at 11:45
source share


More articles:


All Articles