Reporting a bug for React Native DevTools

Nel report non sono identificati file sorgente, test o punto di ingresso. Per prima cosa crea un nuovo progetto React Native 0.86.0 su Windows 11, installa un pacchetto npm, riavvia Metro e apri React Native DevTools per confermare la schermata vuota. L’attività è completata quando l’interfaccia di DevTools si apre normalmente dopo l’installazione di un pacchetto e sono stati registrati tutti i dettagli relativi a Node.js, npm, all’emulatore e alla riproduzione.

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