React Native Bundler Bug?
未关闭
还没有人认领这个 Issue。
📦Bundler
Needs: Attention
Needs: Repro
Stale
- 主要语言
- C++
- 星标
- 127k
- 派生
- 25.3k
- 平均合并
- 1 天 23 小时
- 30 天内合并 PR
- 4
描述
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
- First init a new project with
npx @react-native-community/cli@17.0.0 init AwesomeProject --version 0.78.0 - Run npm run android && npm run start
- 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
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
使用指定的 CLI 命令创建 React Native 0.78.0 来复现该问题,然后在报告中的 Android 环境上运行 npm run android npm run start。首先跟踪 Metro bundler 的启动路径,并比较首次启动与重新打开应用的情况。当新构建的应用在首次启动时能够正常显示,且无需手动关闭并重新打开应用时,即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- android, javascript, react-native
- 领域
- build-system, mobile
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 活跃
- 描述清晰度
- 基本清楚
- 新手友好度
- 48/100