Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[0.85] React Native DevTools "Performance" panel: recording a trace then Stop disconnects the app

Aperta
  • Qualcosa non va?
#16,354 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
52/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
devtools, javascript, react-native
Ambito
devtools, operating-systems

Direzione di ricerca

Inizia riproducendo il malfunzionamento nell’app NativeModuleSample (cpp-lib) con il React Native DevTools Performance panel. Traccia il percorso CDP Profiler.stop/trace-stop attraverso upstream Hermes e jsinspector-modern, usando il headless CDP probe context del report. Il lavoro è completato quando l’arresto di una registrazione esegue il rendering della traccia delle prestazioni senza disconnettere l’app o perdere la sessione di debug.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug Invalid Triage Needs: Triage :mag:

Summary

In the Modern debugger (React Native DevTools / fusebox), opening the Performance panel, recording a trace, and pressing Stop reproducibly disconnects the debugging session — the app drops off with "DevTools is disconnected — Connection lost to corresponding device." The app has to be relaunched to reconnect.

Environment

  • react-native-windows: 0.85.0-preview.1
  • react-native: 0.85.3
  • @react-native/dev-middleware: 0.85.3
  • @react-native/debugger-frontend: 0.85.3
  • JS engine: Hermes
  • OS: Windows 11 (10.0.26200)
  • Repro app: NativeModuleSample (cpp-lib) example

System: OS: Windows 11 10.0.26200 CPU: (16) x64 Intel(R) Core(TM) i9-9900 CPU @ 3.10GHz Memory: 35.15 GB / 63.84 GB
Binaries: Node: 22.22.0 npm: 10.9.4
SDKs: Windows SDK Versions: 10.0.22621.0, 10.0.26100.0
IDEs: Visual Studio: 18.7.12002.237 (Visual Studio Enterprise 2026)
npmPackages: react: 19.2.3 react-native: 0.85.3 react-native-windows: 0.85.0-preview.1 @react-native-community/cli: 20.2.0

Steps to reproduce

  1. Launch an RNW 0.85 Hermes app and connect Metro.
  2. Press j in Metro to open React Native DevTools.
  3. Open the Performance tab.
  4. Click Record, interact with the app for a couple of seconds.
  5. Click Stop.

Expected

A performance timeline / trace renders in the panel.

Actual

The app immediately disconnects: "DevTools is disconnected. Debugging connection was closed. Reason: Connection lost to corresponding device." The trace is lost and the app must be relaunched. Reproduced 2/2 times. A headless CDP probe showed the classic Profiler.stop / trace-stop path also hangs, consistent with this.

Other panels (context — all validated on RNW 0.85)

  • Console ✅ • Sources/Breakpoints ✅ (breakpoint actually hits & pauses) • Memory ✅ (heap snapshot) • Components ✅ • Profiler ✅
  • Network ⚠️ — panel loads and records, but no requests appear. This is a separate, pre-existing platform gap (RNW's WinRT networking is not wired to the inspector's Network domain / NetworkReporter); it is not specific to 0.85. Documenting as a known limitation.

Root-cause notes (not an RNW-0.85 regression)

  • The debugger stack is stock upstream RN 0.85.3 (dev-middleware, debugger-frontend, react-devtools-core unmodified by RNW).
  • Diffing 0.84-stable → 0.85-stable, RNW's own inspector/Hermes/DevSupport native code has zero changes (HermesRuntimeAgentDelegate, HermesRuntimeTargetDelegate, ReactInspectorPackagerConnectionDelegate, DevSupportManager).
  • RNW has no CDP Tracing code of its own; the Performance/trace path is handled entirely by upstream Hermes + jsinspector-modern.
  • Therefore this is upstream Hermes/DevTools behavior surfacing on Windows, not a change introduced by the 0.85 integration. Filed here for tracking / upstream escalation.

Severity

Low-Medium — user-facing (one of seven debugger panels is unusable via record→stop), but does not affect app runtime; only the debugging session drops. Workaround: relaunch the app; use the React Profiler panel for render timing instead.

Lingua principale
C++
Stelle
17.4k
Fork
1.2k
Merge medio
2g 20h
PR unite (30g)
15

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di microsoft/react-native-windows

Tutte le issue di microsoft/react-native-windows

Issue simili

Altre issue su C++

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.