React 原生调试器太慢了
[英]React native debugger is too slow
问题描述
Ok so this is really been a headache for me.
好的，所以这对我来说真的很头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个 react native 应用程序，但是 chrome 上的 Debug JS 功能使它运行非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮单击和转换几乎需要几分钟，有时甚至更长，这使得调试几乎不可能。
I have removed many of the unused console.log statements to try and speed things up.我删除了许多未使用的 console.log 语句以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到它自己单独的 window 中。 But there no real change in speed.但是速度并没有真正的变化。 I have also tried to connect the phone over wifi to debug it.我也尝试通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试过以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?使调试更快、更容易接受的最佳方法是什么？
10 个解决方案
解决方案1
38 2018-07-14 02:54:45
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案2
11 2018-11-22 14:29:36
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案3
5 2017-11-12 13:21:07
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案4
1 2018-03-16 01:13:31
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案5
0 2018-02-23 01:08:42
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案6
0 2019-07-03 14:22:22
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案7
0 2020-11-23 19:30:45
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案8
0 2021-02-11 12:38:33
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案9
0 2021-04-23 19:39:39
Ok so this is really been a headache for me.好的，这真的让我头疼。 I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly.我一直在尝试开发一个react native应用程序，但是chrome上的Debug JS功能使其运行非常非常缓慢。 Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.每个按钮的单击和转换都将花费大约几分钟，有时甚至更长的时间使得调试几乎变得不可能。
I have removed many of the unused console.log statements to try and speed things up.我已经删除了许多未使用的console.log语句，以尝试加快速度。 I have also pulled the debugging tab into its own separate window.我还将调试选项卡拉到了自己的单独窗口中。 But there no real change in speed.但是速度并没有真正的改变。 I have also tried to connect the phone over wifi to debug it.我也尝试过通过wifi连接手机进行调试。 I am running the code on the hardware device and have already tried the suggestions given in the following posts我正在硬件设备上运行代码，并且已经尝试了以下帖子中给出的建议
https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632 https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632
What is the best approach to make the debugging faster and more tolerable?什么是使调试更快，更容忍的最佳方法？
解决方案10
0 2022-09-27 12:42:37
Remove bundle location删除捆绑包位置
Install the app again.再次安装应用程序。
npx react-native run-android or yarn react-native start andoird npx react-native run-android 或 yarn react-native 启动 andoird
Open React native debugger Open the dev Menu and select debugging打开 React 原生调试器 打开 dev 菜单和 select 调试
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.