首页 文章

React Native:模拟器停留在“从localhost加载:8081 ......”

提问于
浏览
2

Screenshot from Android phone running the app

我正在研究一个本机反应项目,我通过USB调试和命令“ react-native run android ”在我的Android手机上运行它 .

它工作得很好,但现在即使构建成功,应用程序也会卡在白色屏幕上“ loading from localhost:8081 ” . 没有对任何应用程序文件进行任何更改 .

我尝试运行react-native演示应用程序(使用react-native init),我仍然面临同样的问题 .

我试过的解决方案但问题仍然存在:

  • rm -rf node_modules && npm install

  • adb reverse tcp:8081 tcp:8081

  • 从Android Studio在Android模拟器上运行它 .

  • 使用命令 npm run android

这是在命令行中显示的内容:

lenovo @ lenovo-Lenovo-ideapad-500S-14ISK:〜/ IRMSold $ react-native在/ home / lenovo / IRMSold / node_modules(6ms)JS服务器已经运行的符号链接扫描文件夹 . 在设备上构建和安装应用程序(cd android && ./gradlew installDebug)...配置项目:app警告:配置'compile'已过时,已被'implementation'和'api'取代 . 它将在2018年底删除 . 有关详细信息,请参阅:http://d.android.com/r/tools/update-dependency-configurations.html配置项目:react-native-google-signin警告:配置' compile'已过时,已被'implementation'和'api'取代 . 它将在2018年底删除 . 有关详细信息,请参阅:http://d.android.com/r/tools/update-dependency-configurations.html警告:指定的Android SDK Build Tools版本(23.0.3)被忽略,因为它低于Android Gradle Plugin 3.1.1的最低支持版本(27.0.3) . 将使用Android SDK Build Tools 27.0.3 . 要取消此警告,请从build.gradle文件中删除“buildToolsVersion '23 .0.3'”,因为每个版本的Android Gradle Plugin现在都有一个默认版本的构建工具 . 配置项目:react-native-vector-icons警告:配置'compile'已过时,已被'implementation'和'api'取代 . 它将在2018年底删除 . 有关详细信息,请参阅:http://d.android.com/r/tools/update-dependency-configurations.html警告:指定的Android SDK Build Tools版本(26.0.1)被忽略,因为它低于Android Gradle Plugin 3.1.1的最低支持版本(27.0.3) . 将使用Android SDK Build Tools 27.0.3 . 要取消此警告,请从build.gradle文件中删除“buildToolsVersion '26 .0.1'”,因为每个版本的Android Gradle Plugin现在都有一个默认版本的构建工具 . 任务:app:installDebug在'Lenovo X3a40 - 6.0.1'上为app安装APK'app-debug.apk':debug安装在1台设备上 . 在13s中成功完成66个可操作的任务:1个已执行,65个最新运行adb -s 567bf688反向tcp:8081 tcp:8081在567bf688上启动应用程序(adb -s 567bf688 shell am start -n com.irms / com . irms.MainActivity)...开始:意图{cmp = com.irms / .MainActivity}

请帮助我,因为我尝试了其他我可以在网上找到的修复方法 .

4 回答

  • -1

    你试过这个吗?

    警告:指定的Android SDK Build Tools版本(23.0.3)将被忽略,因为它低于Android Gradle Plugin 3.1.1的最低支持版本(27.0.3) . 将使用Android SDK Build Tools 27.0.3 . 要取消此警告, remove "buildToolsVersion '23.0.3'" from your build.gradle file, as each version of the Android Gradle Plugin now has a default version of the build tools.

  • 0

    您应该等待包服务器的状态完美运行 . 直到“加载依赖图,完成 . ” . 如果不是你将被困在localhost 8081加载 .

  • 0

    检查设备是否已使用转发计算机8081端口

    adb reverse --list
    

    如果没有得到任何结果,则应创建反向套接字连接,以便设备可以访问Metro服务器

    adb reverse tcp:8081 tcp:8081
    

    由于某种原因,它仍然无法正常工作,所以我在这个窗口中按下了ENTER(Metro Bundler Window)并等到它达到100%然后应用程序开始显示在我的手机上 .

  • 0

    也许你的8081端口已经在使用中 .

    在这里尝试第一个解决方案https://facebook.github.io/react-native/docs/troubleshooting

    $ sudo lsof -i:8081 $ kill -9

相关问题