ReactJS chrome extension installed but not showing up

Question

Anyone know why the ReactJS Chrome browser extension isn't showing for mein dev tools? It's installed, at one point it was working.

I'm using chrome Version 39.0.2171.65 (64-bit) on Mac OS X v 10.7.5

I read the reviews on this extension, some people said need to expose React as a global. I'm using React NPM with: var React = require('react');

Solution 1

In chrome://extensions/ select Allow access to file URLs for the React Developer Tools extension, using v0.13.1 of React. I didn't need to add anything to my source code.

Solution 2

I was having this issue just now and to solve it I had to open dev tools -> click the gear icon on the top right of the dev tools window then in the far right column at the very bottom is a button that should say "restore defaults and reload" click that. I was not able to figure out the exact reason it was not appearing but it at least gets react debugging working again.

Solution 3

React extension shows up only when you have react loaded into the browser in global scope. Like @nlgndg mentions it should be present as window.React

Solution 4

Restarting Chrome after installation seems to help, apart from the other answers.

I couldn't find any info on that step in the Chrome Web Store or when clicking on the plugin, so just leaving it here.

View more solutions