首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Android设备上调试React Native App。没有'Debug JS Remotely‘选项

在Android设备上调试React Native App时,如果没有"Debug JS Remotely"选项,可以尝试以下方法:

  1. 确保React Native开发服务器正在运行:在终端中进入项目目录并运行npm startyarn start命令,确保React Native开发服务器正常启动。
  2. 确保Android设备与开发机器在同一局域网下:确保Android设备和开发机器连接到同一个Wi-Fi网络,并且可以相互访问。
  3. 打开开发者选项:在Android设备上打开开发者选项。通常,您需要在设备的设置中找到"关于手机"或"关于设备",然后连续点击"版本号"或"构建号"多次,直到开发者选项被启用。
  4. 启用USB调试:在开发者选项中,启用USB调试选项。这将允许您通过USB连接将设备与开发机器进行调试。
  5. 连接Android设备到开发机器:使用USB线缆将Android设备连接到开发机器。
  6. 运行应用程序:在终端中运行react-native run-android命令,将应用程序安装到Android设备上。
  7. 打开Chrome浏览器并输入调试地址:在Chrome浏览器的地址栏中输入chrome://inspect,然后点击"Inspect"按钮。
  8. 选择设备和应用程序:在Chrome开发者工具中,找到"Devices"选项卡,并选择连接的Android设备。然后,在"Remote Target"部分中,找到您的React Native应用程序并点击"Inspect"按钮。
  9. 打开开发者工具:在Chrome开发者工具中,将打开一个新的选项卡,显示您的React Native应用程序的调试界面。

通过以上步骤,您应该能够在Android设备上调试React Native App,即使没有"Debug JS Remotely"选项。请注意,这种方法可能与特定的React Native版本和开发环境有关,因此可能会有所不同。如果仍然遇到问题,建议查阅React Native官方文档或社区论坛以获取更多帮助。

相关搜索:Android app debug apk在某些设备上不要求权限Expo React Native App在android上崩溃在react native expo上,Android设备上未显示图像React Native Android Slider无法在设备上垂直滑动使用react-native在android设备上保存视频如何强制react-native项目在物理android设备上运行?React Native App设计在不同的IOS设备上是不同的在windows 10上没有android studio环境的React Native在react native上的App.js中集成redux mapStateToProps在模拟器和android设备上运行时React Native force close如何使用React导航在react Native App中处理TabNavigator选项卡项上的单击事件?在android设备上无法渲染react-native-vector-icons或@expo/vector-icons在没有电缆的物理设备上安装React Native apk时,没有摄像头/媒体流React-native-admob-native-如果没有testID和iOS模拟器,广告将无法在真实设备上运行React-Native应用程序在android设备上立即崩溃,但在模拟器上工作正常有没有可能用react-native核心组件模式在android上创建非全屏模式?我的android设备上的react原生开发人员菜单中没有开发人员设置的选项react-native run-android失败:无法在设备上安装应用程序,请阅读上面的错误react-native fetch在具有http远程服务器后端的Android设备上抛出"Network request failed“错误有没有办法在android物理设备上启用实时重载和热重载,以便进行react原生开发?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 关于React Native项目androidUI性能调试实践

    调试的代码段开始和结束处加上标记,执行的过程中标记会被记录,最后会以图表形式展现统计结果。包括Android SDK自己和React Native框架都已经提供了标准的标记供你查看。...在这里填写你用React Native创建的应用包名。...JS线程 这是用于执行JavaScript代码的线程。根据Android系统版本或者设备的不同,线程名可能是mqt_js或者。...注意在上图中JS线程基本一直执行,并且超越了帧的边界。这个应用就没法以60FPS渲染了。在这种情况下,问题出在JS中。 你还有可能会看到一些类似这样的东西: ?...React Native小组正在架构层设法提供一个方案,使得新的UI视图可以主线程之外去创建和配置,这样就可以使得交互变得更加流畅。

    3K50

    React Native调试技巧与心得

    Developer Menu中有Reload选项,单击Reload让React Native重新加载js。...如何通过 Chrome调试React Native程序 你可以通过以下步骤来调试你的React Native程序: 第一步:启动远程调试 Developer Menu下单击”Debug JS Remotely...真机调试 iOS 打开”RCTWebSocketExecutor.m “文件,将“localhost”改为你的电脑的ip,然后Developer Menu下单击”Debug JS Remotely...Android 方式一: Android5.0以上设备,将手机通过usb连接到你的电脑,然后通过adb命令行工具运行如下命令来设置端口转发。...查看js文件 如果你想在开发者工具预览你的js文件,可以在打开Sources tab下的debuggerWorker.js选项卡,该选项卡下会显示当前调试项目的所有js文件。 ?

    6.8K50

    React Native调试心得

    Developer Menu中有Reload选项,单击Reload让React Native重新加载js。...React Native旨在为开发者带来一个更好的开发体验。如果你觉得上文的加载js代码方式太low了或者不够方便,那么有没有一种更简便加载js代码的方式呢? 答案是肯定的。 ...如何通过 Chrome调试React Native程序 你可以通过以下步骤来调试你的React Native程序: 第一步:启动远程调试 Developer Menu下单击”Debug JS Remotely...真机调试 iOS 打开”RCTWebSocketExecutor.m “文件,将“localhost”改为你的电脑的ip,然后Developer Menu下单击”Debug JS Remotely...Android 方式一:  Android5.0以上设备,将手机通过usb连接到你的电脑,然后通过adb命令行工具运行如下命令来设置端口转发。

    5.1K70

    React Native基础&入门教程:调试React Native应用的一小步

    React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中,使用浏览器的调试工具去Debug移动端的代码,无疑是最吸引开发人员的特性之一。...开始之前,你需要搭建好本地开发环境,并有一部Android 5.0版本以上的手机可供连接至电脑。 首先,使用官方工具react-native-cli创建好一个初始化的工程,并安装好依赖。...运行项目的方法,就是进入DebugTest项目目录,此时执行命令行react-native run-android。...Debug JS Remotely这个我们先留一个悬念,待会再来看。 先看看Enable Live Reload和Enable Hot Reloading。...让我们回头再看看调试设置界面中的Debug JS Remotely选项,现在点击它。这时会弹出Chrome的一个标签(当然,本地需要预先安装有Chrome)。 ? 图11.

    1.2K00

    React Native入门(二)Atom+Nuclide安装、配置与调试

    前言 一篇文章我们搭建了开发环境,并写了个Hello World。这一节我们来学习React Native的开发IDE:Atom+Nuclide的安装、配置与调试。...安装Nuclide 接下来安装Nuclide,Nuclide是FacebookAtom的基础开发的一个插件IDE,可以用来开发React Native、iOS 和 Web应用。...100多个error,目前index.android.js笔者没有先到好的解决方案,如果有人有解决方案,不吝赐教。...4.调试程序 终端进入项目目录并输入如下命令安装程序: react-native run-android Debugger调试程序 使用快捷键 command + shift + p 打开输入框,输入...我们通过Command+M进入模拟器的开发菜单,选择Debug JS Remotely。 ?

    2K50

    React native开发中常见的错误

    这个是因为未找到运行的设备 解决方法:注意在运行命令:react-native run-android之前一定要确保手机已经连接上电脑。...请按照以下的步骤来修复此问题: 确保包服务器在运行 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后cmd中运行adb devices来查看已经连接好的设备列表 确保飞行模式是关闭的...platform=android 查看端口信息 adb reverse tcp:8081 tcp:8081 没有的话可以打开dev Settings输入IP:8081调试就不多说了。 ?...这个是因为react-native版本升级了,但是项目的build.gradle没有改成升级的版本号。...选择Debug in Chrome即会启动Chrome作为运行和调试环境(注意此时JS引擎为Chrome的V8,与iOS真机的javascriptCore引擎存在一些差异)。

    2.3K60

    AndroidReact Native开发(一、入门)

    相对增大了app的体积。 调试’相对‘麻烦。 Android的兼容性问题。 总的来说,React Native适合作为项目中的补充,而不是作为核心去开发APP。...index.android.js,这是androidReact Native入口文件。 index.ios.js,这是ios的React Native入口文件。...3、Android开发需要理解的React Native 1)React Native 其实是运行在ReactActivity 一般情况下只一个activity运行,一般情况下是因为,你也可以自己写新的...5)编译调试 编译其实很简单,android其实就是项目的根目录终端输入react-native run-android就可以编译安装,IOS本人习惯是,通过点击ios文件目录下的xcodeproj文件...Debug JS Remotely就是打开调试。 ? 图片来源网络,侵删 浏览器可以看到如下页面,有源码,可以断点,看输出,调试参数,应有尽有。 ?

    1.2K20

    AndroidReact Native开发(一、入门)

    相对增大了app的体积。 调试’相对‘麻烦。 Android的兼容性问题。  总的来说,React Native适合作为项目中的补充,而不是作为核心去开发APP。  ...index.android.js,这是androidReact Native入口文件。 index.ios.js,这是ios的React Native入口文件。...3、Android开发需要理解的React Native 1)React Native 其实是运行在ReactActivity  一般情况下只一个activity运行,一般情况下是因为,你也可以自己写新的...服务没有重新启动等等,相信我,React Native会让从此讨厌红色!  ...Debug JS Remotely就是打开调试。 [图片来源网络,侵删]  浏览器可以看到如下页面,有源码,可以断点,看输出,调试参数,应有尽有。

    1.2K20

    weex 踩坑笔记 【原创】

    entry=true')}; 删除多余配置 删除getEntryFileContent函数、walk函数、walk() src目录下添加 App.vue src目录下添加入口文件entry.js,...:app/build/outputs/apk/app-debug.apk 4....Weex 环境中没有 BOM 没有 window 、screen 对象,可以通过 WXEnvironment 获取设备环境信息 没有 document 对象,没有选择器方法 没有 history 、location...+ 不支持样式继承(因为有作用域隔离) + 考虑到样式的数据绑定,样式属性暂不支持简写 4.4 weex对比react-native react的JSX语法学习使用有一定的成本,vue更接近常用的...需要建立一个native工程,然后编译运行 ReactNative官方只能将ReactNative基础js库和业务js一起打成一个js bundle,没有提供分包的功能,需要制作分包打包工具,weex默认打的

    2.2K100

    逻辑性最强的React Native环境搭建与调试

    《逻辑性最强的React Native环境搭建与调试》 2....《ReactNative开发工具有这一篇足矣》 正文 React Native(以下简称RN),已经“火”了好一段时间了,网上的资料相对也很丰富,只是一直迟迟没有发布1.0,不过出身豪门(Facebook...二、APP调试与运行 1、创建项目   react-native init demo1 2、安装依赖包   进入demo1根目录执行:npm i 3、启动服务器   react-native start...platform=android可以访问,即启动完成,启动之后不能关闭; 4、安装app   react-native run-android   输入此命令前,要先打开模拟器,或连接真机,第一次启动非常慢...更多详情,请移驾:http://reactnative.cn/docs/0.45/getting-started.html 常见问题 问题1:小米手机不能识别设备,安装不了调试包?

    1.9K70
    领券