React-devtools: react dev-tools installed on Chrome but still not working

Created on 31 Mar 2017 · 14Comments · Source: facebook/react-devtools

With react dev-tools installed on Chrome browser, and navigating to a url with react - https://www.hellosign.com/ (blue indicator sees that it had react.js in it), the dev-tools tab does not appear in the console. This issue has been discussed before, but having researched it for 2014, 2015, and 2016 can find no proposed resolution that seems to work now, save one hack that only applies in one very narrow set of circumstances.

Any new ideas on how to get around this? Thanks.

Source

mkents

👍4

Most helpful comment

The solution for me was to grant access for react to access my files

react-ext

dovydasbu on 20 Sep 2018

🎉9

All 14 comments

is the react code located inside of an iframe?

jaredly on 31 Mar 2017

Looking at the minified source, there are iframes for the google tag manager and a zendesk widget. Was looking to the chrome extensions to let me view and manipulate the react.js code on the page. I'm a react.js newbie, so I may be missing something that's right in front of me here.

mkents on 31 Mar 2017

Are you sure there's react on the page? (not sure what you mean by "the blue indicator")

jaredly on 31 Mar 2017

Along with the react developer tools there is another chrome plugin that indicates whether a page has react.js code in it, called the react detector.
.. so on the https://www.hellosign.com/ page, it indicates that there is react.js code on the page .. but then with no develop tool showing as available in the console, nothing you can do, knowing it's there, but unable to test or manipulate it.

mkents on 1 Apr 2017

www.hellosign.com doesn't seem to use React for me... Their main application at app.hellosign.com does though.

Besides that, react-detector may probably break in the future as it doesn't light up on www.facebook.com (when logged in to a FB account)

ngyikp on 3 Apr 2017

Not working for me either; even on facebook.com. Stuck on "Connecting to React...".

martellaj on 4 Apr 2017

it is working for me, tried on app.hellosign.com and also facebook home page.

Chrome: Version 57.0.2987.133 (64-bit)
OS: Windows 10

Tushkiz on 6 Apr 2017

I bit the bullet and just uninstalled/re-installed the extension and now it's working properly.

martellaj on 6 Apr 2017

👍4

This wasn't working for me either. After quitting Chrome completely and restarting Chrome, the React Devtools worked again.

kyleshevlin on 16 Apr 2017

👍1

Going to close because this seems like a mix of misunderstanding (“React detector” is not an official thing and I don’t know how it works) and Chrome bugs (the ones reported to be fixed by reinstalling / quitting the app).

gaearon on 20 Apr 2017

i had the same problem. it didn't show up, but i ran my react app then opened the dev tools and there it was. i think the website you're currently on needs to be using REACT for the REACT dev tool option to be available