Reporting a bug for React Native DevTools

Báo cáo không xác định tệp nguồn, bài kiểm thử hoặc điểm vào nào. Trước tiên, hãy tạo một dự án React Native 0.86.0 mới trên Windows 11, cài đặt một gói npm, khởi động lại Metro và mở React Native DevTools để xác nhận màn hình trống. Được coi là hoàn tất khi giao diện DevTools mở bình thường sau khi cài đặt một gói, đồng thời ghi lại đầy đủ thông tin về Node.js, npm, trình giả lập và việc tái hiện.

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