react / react/react-native

React Native Bundler Bug?

Abierto
#49,995 12 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

📦Bundler Needs: Attention Needs: Repro Stale
Lenguaje dominante
C++
Estrellas
127k
Forks
25.3k
Merge medio
1 d 23 h
PR fusionados (30 d)
4

Descripción

Description

I'm not sure what's going on. I spent the afternoon trying to figure out how to run a new React Native project at version 0.78.0. I simply created a new project using the following command:

npx @react-native-community/cli@17.0.0 init AwesomeProject --version 0.78.0

The project was created, and I was able to build it successfully. However, as soon as I ran the Metro bundler, the app displayed a black screen. I had to manually close the app and reopen it for anything to appear.

Steps to reproduce
  1. First init a new project with npx @react-native-community/cli@17.0.0 init AwesomeProject --version 0.78.0
  2. Run npm run android && npm run start
  3. Await it to build, as soon as the app run close it, and open again manually.
React Native Version

0.78.0

Output of npx @react-native-community/cli info
System:
  OS: Linux 6.8 Ubuntu 24.04.2 LTS 24.04.2 LTS (Noble Numbat)
  CPU: (4) x64 Intel(R) Core(TM) i5-6500 CPU @ 3.20GHz
  Memory: 11.77 GB / 31.28 GB
  Shell:
    version: 5.2.21
    path: /bin/bash
Binaries:
  Node:
    version: 18.18.0
    path: ~/.nvm/versions/node/v18.18.0/bin/node
  Yarn:
    version: 1.22.19
    path: /usr/bin/yarn
  npm:
    version: 10.8.3
    path: ~/.nvm/versions/node/v18.18.0/bin/npm
  Watchman:
    version: 20231224.093142.0
    path: /usr/local/bin/watchman
SDKs:
  Android SDK:
    API Levels:
      - "26"
      - "27"
      - "28"
      - "29"
      - "30"
      - "31"
      - "32"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 28.0.3
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 32.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
      - 35.0.0
      - 35.0.1
    System Images:
      - android-26 | Intel x86 Atom
      - android-26 | Intel x86 Atom_64
      - android-26 | Google APIs Intel x86 Atom_64
      - android-27 | Intel x86 Atom
      - android-27 | Intel x86 Atom_64
      - android-28 | Intel x86 Atom
      - android-28 | Intel x86 Atom_64
      - android-28 | Google Play Intel x86 Atom
      - android-28 | Google Play Intel x86 Atom_64
      - android-35 | Google APIs Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: 11.0.26
    path: /usr/bin/javac
  Ruby:
    version: 3.2.3
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.78.0
    wanted: 0.78.0
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: false
Screenshots and Videos

No response

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Reproduce el problema creando React Native 0.78.0 con el comando CLI indicado y, después, ejecuta npm run android  npm run start en el entorno de Android indicado. Empieza siguiendo la ruta de inicio del Metro bundler y compara el primer lanzamiento con volver a abrir la aplicación. Se considera terminado cuando una aplicación recién compilada se muestra con normalidad en su primer lanzamiento sin cerrarla y volver a abrirla manualmente.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
android, javascript, react-native
Área
build-system, mobile
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Activo
Claridad
Bastante claro
Aptitud para principiantes
48/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.