Question

在我的项目中运行adb -d reverse tcp:8081 tcp:8081和react-native run-android后，我的Android设备上运行了我的React Native应用程序，并进行了USB调试。

在Chrome开发者工具中，我的设备列在remote devices。

中

根据许多博客和文档本身（https://facebook.github.io/react-native/docs/debugging.html），我应该能够选择“远程调试JS”。在我的设备的开发者选项中，但我没有这样的选择。

导航到http://localhost:8081/debugger-ui会显示以下消息：

React Native JS code runs inside this Chrome tab.

Press ⌘⌥J to open Developer Tools. Enable Pause On Caught Exceptions 
for a better debugging experience.

Status: Waiting, press ⌘R in simulator to reload and connect.

重新加载我的设备无法执行任何操作。

我在Android 7.1.1上使用OnePlus 3设备（虽然在运行Android Lollipop模拟器时也会出现此问题）

请告知如何在chrome工具中调试我的react本机项目。

由于

Answer 1

您可以使用Genymotion调试react-native app

Answer 2

尝试这种方法。

转到项目中的android/app/src/main/res/values/strings.xml，然后保留以下代码。

<resources>
  <string name="app_name">Your projec name</string>
</resources>

Answer 3

在android/app/src/main/res/values/styles.xml中，注释掉以下行。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
     ...
     <!-- <item name="android:windowIsTranslucent">true</item> -->
     ...
</style>

在android/app/src/main/res/values/strings.xml中，注释掉以下几行。

<resources>
     <string name="app_name">xxxxx</string>
     ...
     <!-- <string name="catalyst_debugjs"></string>
     <string name="catalyst_element_inspector"></string>
     <string name="catalyst_jsload_error"></string>
     <string name="catalyst_jsload_message"></string>
     <string name="catalyst_jsload_title"></string>
     <string name="catalyst_reloadjs"></string>
     <string name="catalyst_settings"></string>
     <string name="catalyst_settings_title"></string> -->
     ...
</resources>

在Android设备上调试React Native App。没有＆＃39;远程调试JS＆＃39;选项

3 个答案: