react-native运行android卡在android-studio模拟器上的白色显示器上，显示为“从10.0.2.2.8081加载”

Question

我是react-native的新手。我按照react-native的官方文档将其安装在linux-ubuntu上。 我遵循了所有步骤。除了这个问题之外，一切都运行良好。 react-native run-android命令运行成功，但是卡住了 与白色背景和顶部的绿色地带。仿真器顶部的绿色条带写为“从10.0.2.2.8081开始显示” 我陷在这个问题上，其他一切都运行良好，但是android模拟器陷在了它

这些是我在运行react-native run-android之后登录的终端

info Starting JS server...
info Building and installing the app on the device (cd android && 
./gradlew app:installDebug)...

10:57:00 V/ddms: execute: running am get-config
10:57:00 V/ddms: execute 'am get-config' on 'emulator-5554' : EOF hit. Read: -1
10:57:00 V/ddms: execute: returning
Installing APK 'app-debug.apk' on 'Pixel_XL_API_28(AVD) - 9' for app:debug
10:57:00 D/app-debug.apk: Uploading app-debug.apk onto device 'emulator-5554'
10:57:00 D/Device: Uploading file onto device 'emulator-5554'
10:57:00 D/ddms: Reading file permision of /home/babita/AwesomeProject/android/app/build/outputs/apk/debug/app-debug.apk as: rw-rw-r--
10:57:00 V/ddms: execute: running pm install -r -t "/data/local/tmp/app-debug.apk"
10:57:01 V/ddms: execute 'pm install -r -t "/data/local/tmp/app-debug.apk"' on 'emulator-5554' : EOF hit. Read: -1
10:57:01 V/ddms: execute: returning
10:57:01 V/ddms: execute: running rm "/data/local/tmp/app-debug.apk"
10:57:01 V/ddms: execute 'rm "/data/local/tmp/app-debug.apk"' on 'emulator-5554' : EOF hit. Read: -1
10:57:01 V/ddms: execute: returning
Installed on 1 device.

BUILD SUCCESSFUL in 3s
26 actionable tasks: 1 executed, 25 up-to-date
info Running /home/babita/Android/Sdk/platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081
info Starting the app on emulator-5554 (/home/babita/Android/Sdk/platform-tools/adb -s emulator-5554 shell am start -n com.awesomeproject/com.awesomeproject.MainActivity)...
Starting: Intent { cmp=com.awesomeproject/.MainActivity }

Answer 1

与您进行了长时间的讨论之后，我终于弄清楚了问题所在。 问题是您遇到了错误

  

无法从资产index.android.bundle加载脚本

，您只需消除该错误，而无需从捆绑包中加载任何要显示的应用程序。因此，这就是为什么每次都会出现白屏的原因。

在Terminal中遵循这些步骤（因为您使用的是Linux）。 Windows用户在CMD中执行以下步骤

1）转到终端（或CMD）中的项目根目录

2）运行此命令mkdir android\app\src\main\assets

3）在此命令之后运行此命令react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 4）然后运行react-native run-android命令

可选步骤

在第3步之后，您也可以按照以下步骤操作：

3.1）cd android

3.2）gradlew clean

3.3）cd..

3.4）react-native run-android

Answer 2

尝试以下操作：

• 调出react-native开发人员菜单（类似于下面的第一张图片）。我认为您知道该怎么做。
• 单击dev settings，然后单击“调试设备的服务器主机和端口”-参见下面的第二张图片），然后键入localhost:8081
• 尝试重新加载。如果不起作用，请终止该应用程序，然后重新启动
• 如果不起作用，请尝试键入以下内容：localhost:8081/debugger-ui

Answer 3

我的构建很干净，但仍然卡在 LOADING 屏幕上。我重启了机器，它开始工作了。