React: React devtools blank (standalone version)

[sshmyg]

Do you want to request a feature or report a bug?
Bug

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new) example below:

1. Open iOS simulator
2. turn on debugging
3. open react-devtools
4. refresh iOS simulator

What is the expected behavior?
Components tree is visible.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
[email protected]
OS: MacOS Mojave 10.14.6

@bvaughn

[bvaughn]

Edit Sorry for the confusion. Please see this comment below for more info.

---

Works for me when I just tested the standalone DevTools with both iOS Safari and iOS running a React Native app.

Since this issue doesn't provide any sort of repro case it's not really actionable.

[sshmyg]

@bvaughn What additional info do you need? Logs or something?

[bvaughn]

A repro app that I can check out and run, because I'm on the same OS and otherwise and it seems fine.

[serjek]

v4 does not support RN. Try using v3 instead:
npx [email protected]

[zhili3]

npx [email protected] have a error

[bvaughn]

v4 does not support RN. Try using v3 instead:

OP says they are using [email protected], which should be supported by v4.

React Native v62 will be the version that adds v4 DevTools support. As of this moment (11-26) v61 is still the latest version published to NPM. Sorry for the confusion.

npx [email protected] have a error

Not sure what this means. There is not enough info.

[dalalmj]

react-devtool v4 does not seem to work with [email protected] or 0.61.2 It shows error "react-devtools agent got no connection", downgrade to v3 and it works!

[vortechron]

v4 does not support RN. Try using v3 instead:
npx [email protected]

solve my problem.

[nfriedly]

I was hitting the same issue with [email protected] and React Native [email protected] running in the Android Emulator on macOS 10.14.6.

The React Developer Tools app kind of seems like it's connected - it doesn't show the "how to connect" screen, but it never loads the DOM tree, exactly like the screenshot in the original bug report. Eventually the app logs this error:

11:44
react-devtools agent got no connection

Stack trace:
  node_modules/expo/build/logs/LogSerialization.js:166:14 in _captureConsoleStackTrace
  node_modules/expo/build/logs/LogSerialization.js:41:24 in serializeLogDataAsync$
  node_modules/regenerator-runtime/runtime.js:45:39 in tryCatch
  node_modules/regenerator-runtime/runtime.js:271:21 in Generator.invoke [as _invoke]
  node_modules/regenerator-runtime/runtime.js:97:20 in Generator.prototype.<computed> [as next]
  node_modules/regenerator-runtime/runtime.js:45:39 in tryCatch
  node_modules/regenerator-runtime/runtime.js:135:19 in invoke
  node_modules/regenerator-runtime/runtime.js:170:10 in <unknown>
  node_modules/promise/setimmediate/core.js:45:4 in tryCallTwo
  node_modules/promise/setimmediate/core.js:200:12 in doResolve

I switched to react-devtools@3 and it started working for me.

[bvaughn]

@nfriedly [email protected] is definitely too old to support v4 of DevTools. Hm...the standalone DevTools _should_ show a message explaining this and prompting you to downgrade to v3. I'm surprised to hear it didn't show that for you.

React Native v62 is the version that adds support for v4 DevTools. Unfortunately it looks like the latest release in NPM is still v61. My apologies for the inconvenience folks 😞

I just chatted with the team and they are working hard to get an RC ready. Apparently they've been held up for a while on some build problems.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contribution.

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!