Reporting a bug for React Native DevTools
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 35/100
- Issue type
- Bug
- Clarity
- Needs clarification
- Activity status
- Quiet
- Tech stack
- react-native
- Domain
- devtools, mobile-dev
Research direction
No source file, test, or entry point is identified in the report. First create a new React Native 0.86.0 project on Windows 11, install an npm package, restart Metro, and open React Native DevTools to confirm the blank screen. Done means the DevTools UI opens normally after installing a package, with complete Node.js, npm, emulator, and reproduction details recorded.
Written by the indexing model from the issue text.
Description
Description
Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages
React Native Version
0.86.0
Description
I created a new React Native project.
If I run the project immediately after creating it, React Native DevTools opens and works correctly.
However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.
The application itself may still run, but the DevTools UI becomes unusable.
Steps to Reproduce
- Create a new React Native project.
- Run the project.
- Open React Native DevTools (works correctly).
- Install an npm package, for example:
npm install <any-package>
- Restart Metro and run the application again.
- Open React Native DevTools.
Expected Behavior
React Native DevTools should open normally after installing additional npm packages.
Actual Behavior
React Native DevTools opens but displays only a blank white or black window.
Environment
- OS: Windows 11
- Node.js: (fill in)
- npm: (fill in)
- React Native: 0.86.0
- Android Emulator: (fill in)
- Hermes: Enabled
- New Architecture: Enabled (default)
Additional Information
- This happens consistently after installing npm packages.
- The issue occurs even if the package is not imported into the project.
- Restarting Metro does not resolve the problem.
Reproduction Repository
(Attach a minimal reproduction repository if possible.)
Steps to reproduce
Reporting a bug for React Native DevTools
React Native Version
0.86
Output of npx @react-native-community/cli info
# Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages
## React Native Version
0.86.0
## Description
I created a new React Native project.
If I run the project immediately after creating it, React Native DevTools opens and works correctly.
However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.
The application itself may still run, but the DevTools UI becomes unusable.
## Steps to Reproduce
1. Create a new React Native project.
2. Run the project.
3. Open React Native DevTools (works correctly).
4. Install an npm package, for example:
npm install <any-package>
5. Restart Metro and run the application again.
6. Open React Native DevTools.
## Expected Behavior
React Native DevTools should open normally after installing additional npm packages.
## Actual Behavior
React Native DevTools opens but displays only a blank white or black window.
## Environment
* OS: Windows 11
* Node.js: (fill in)
* npm: (fill in)
* React Native: 0.86.0
* Android Emulator: (fill in)
* Hermes: Enabled
* New Architecture: Enabled (default)
## Additional Information
* This happens consistently after installing npm packages.
* The issue occurs even if the package is not imported into the project.
* Restarting Metro does not resolve the problem.
## Reproduction Repository
(Attach a minimal reproduction repository if possible.)
Screenshots and Videos
Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages
React Native Version
0.86.0
Description
I created a new React Native project.
If I run the project immediately after creating it, React Native DevTools opens and works correctly.
However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.
The application itself may still run, but the DevTools UI becomes unusable.
Steps to Reproduce
- Create a new React Native project.
- Run the project.
- Open React Native DevTools (works correctly).
- Install an npm package, for example:
npm install <any-package>
- Restart Metro and run the application again.
- Open React Native DevTools.
Expected Behavior
React Native DevTools should open normally after installing additional npm packages.
Actual Behavior
React Native DevTools opens but displays only a blank white or black window.
Environment
- OS: Windows 11
- Node.js: (fill in)
- npm: (fill in)
- React Native: 0.86.0
- Android Emulator: (fill in)
- Hermes: Enabled
- New Architecture: Enabled (default)
Additional Information
- This happens consistently after installing npm packages.
- The issue occurs even if the package is not imported into the project.
- Restarting Metro does not resolve the problem.
Reproduction Repository
(Attach a minimal reproduction repository if possible.)
- Dominant language
- C++
- Stars
- 127k
- Forks
- 25.3k
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from react/react-native
-
Needs: Author Feedback Needs: Repro
Difficulty 1/5 Under an hour Newbie friendliness 92/100
react/react-native#58621 · 1 comment ·
-
Needs: Author Feedback Needs: Repro
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
react/react-native#58610 · 1 comment ·
-
Needs: Triage :mag:
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
react/react-native#58565 · 1 comment · 2 reactions ·
-
Needs: Author Feedback Needs: Repro
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
react/react-native#58555 · 5 comments · 2 reactions ·
-
Needs: Attention Needs: Repro
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
react/react-native#58526 · 2 comments ·
All issues in react/react-native
Similar issues
-
AuTest Bug Tests
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
apache/trafficserver#13714 ·
-
bug build
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
facebookincubator/velox#19143 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
tenstorrent/tt-metal#57393 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
objectionary/eo-graphs#74 ·