facebook/react-devtools

Standalone app on Mac is stuck at "Waiting for React to connect" with regular react

Closed this issue · 2 comments

I'm using the standalone app to debug a web based react app. (I can only use Safari as my browser)

What I've done:

  1. $ npm i -g react-devtools
  2. $ react-devtools
  3. Copy and paste the <script src="http://localhost:8097"></script> line into my app.

The result:
No errors in my console or terminal, and the electron app displays the landing page "Waiting for React to connect..."

That should the trick.
Have you tried adding react-devtools as a devDependency and import it to your code instead of using the script tag?

// main app JS file
import React from 'react'
import { render } from 'react-dom'

import 'react-devtools'

React DevTools has been rewritten and recently launched a new version 4 UI. The source code for this rewrite was done in a separate repository and now lives in the main React repo (github.com/facebook/react).

Because version 4 was a total rewrite, and all issues in this repository are related to the old version 3 of the extension, I am closing all issues in this repository. If you can still reproduce this issue, or believe this feature request is still relevant, please open a new issue in the React repo: https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools