electron: React devtools not working as described in docs

Summary

I’m trying to use react-devtools with atom-shell as described here in the docs, but the React tab doesn’t show up in the Developer Tools panel as expected.

I put the line require("remote").require("browser-window").addDevToolsExtension("../react-devtools"); in the html file being loaded into the browser window which gives no console output, but does give a file not found error if I switch to an incorrect path.

I’ve also tried entering the line manually from the Developer Tools console, in which case it returns the string “React Developer Tools” but doesn’t appear to do anything else.

Versions

atom-shell 0.19.5 react: 0.12 react-devtools: 0.12

About this issue

  • Original URL
  • State: closed
  • Created 10 years ago
  • Reactions: 18
  • Comments: 51 (17 by maintainers)

Commits related to this issue

Most upvoted comments

Not sure if this is widely known or not but there seems to be a fork of the React Devtools that does work with Electron.

https://github.com/firejune/electron-react-devtools https://www.npmjs.com/package/electron-react-devtools

@philostler When I use https://github.com/chentsulin/electron-react-boilerplate (and update the package.json to use electron 1.2.1), I can get the React Devtools working by following the instructions.

screen shot 2016-06-04 at 10 04 44 am

It seems all the issues regarding this issue reference each other and then close. It’s the infinite issue of doom.

Is this on the roadmap?