Reporting a bug for React Native DevTools

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

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.)

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

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.)

报告中未指出源文件、测试或入口点。首先在 Windows 11 上创建一个新的 React Native 0.86.0 项目，安装一个 npm 包，重启 Metro，并打开 React Native DevTools 以确认空白屏幕。安装包后 DevTools UI 能正常打开，并且已记录完整的 Node.js、npm、模拟器和复现详情，即视为完成。