-
Notifications
You must be signed in to change notification settings - Fork 15.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
React devtools not working as described in docs #915
Comments
I'm seeing similar results (as noted in #250, though this issue is more specific). Unloading the extension 'works' (i.e. returns true) but nothing shows up when loading. |
Same here. Is there any known workaround we can use while this is closed? |
React v0.12 has deprecated React.__internals https://github.com/facebook/react/releases/tag/v0.12.0 . So loading of the extension's devtools_page by atom-shell will fail at this condition |
@deepak1556 Thanks for looking into this, I think we have to support the |
Is this on the roadmap? |
Bump. |
It seems all the issues regarding this issue reference each other and then close. It's the infinite issue of doom. |
Also, this is a wider issue; it's also a problem with the Ember Inspector, as noted in (merged) #1644. |
Anything happend on this ? |
I'm calling the same line indicated in the docs: It throws the following error: This seems to be because it keeps looking for a I'm on Electron v0.31.1, React v0.13.3 and react-devtool 0.13.1 |
👍 |
If you install React Devtools in require('remote').require('browser-window').addDevToolsExtension('./devtools/react-devtools/shells/chrome'); …it finds the 😔 |
Anyone checked to see if React's beta dev tools work? I'll test them tomorrow if no one else gets a chance. |
I directed it to the |
Yep, no luck loading the beta dev tools either |
@deepak1556, @zcbenz it seems that pretty much all framework extensions (AngularJS Batarang, React Developer Tools and Ember Inspector) aren't working. They all have |
ditto, would be happy to help if someone could just point out the direction. |
@etiktin The extensions are handled under But only supporting |
I wish I had seen this issue before I went down the rabbit hole (React dev tools) for a couple of hours. Would you be willing to at least update the documentation reflecting that this does not work as expected just yet? Thank you. |
@jprichardson I added the note here #3313 |
There is hope : it looks like the future for being able to use React devtools with Electron is here . |
+1 |
NW.js has support for devtool extension for months. Recently React devtools is supported too: http://nwjs.io/blog/v0.13.0-beta7/ |
@dperetti have you tried the pure html version, does it work? |
I didn't have time to try in Electron but I'm 100% sure it can work since I've been able to run their example in... Safari. |
Any update on this? I cannot get this to work:
|
I've been trying to get this to work with electron with no luck. I can get the above command to work, but the React tab doesn't show up. I've tried to start from the example in /shells/plain/ but to no avail, it's so contrived that I can't understand it. Anyone has any insight? |
Read up, there were breaking changes in React that have not been resolved. Also waiting for this, running into some nasty React bugs and I can't find out what listeners are on my modules! |
I spent some time poking around with this today, and after much effort, figured out how to manually add the content_script from the react devtools to my app. this permitted the react devtools to detect React in my app, but trying to connect to it failed because |
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 |
@frankhale Awesome, were you able to get it working? It didn't work for me. |
I haven't tried it yet but definitely will either today or in the next few days. |
Not working for me... |
Gave it a try earlier. Didn't work for me neither |
@albertoclarit @philostler Created issue here: firejune/electron-react-devtools#1 |
I see this is fixed in the latest Electron release. Has anyone else tested and got this working? I can get React DevTools loaded in but I just get "Connecting to React..." 😞 |
@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. |
@inklesspen Thanks, confirmed also, but still not working in my own app. NP must be another issue |
Electron 1.2.1 React DevTools is now working on my App... |
@bachmay Please open a new issue – this issue is only for the React dev tools not working. Thanks! |
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
The text was updated successfully, but these errors were encountered: