Как мы можем отлаживать приложение React-Native?

Question

Я использую Google Chrome для отладки собственного приложения реагирования, но на вкладке исходного кода я не могу видеть файлы .js. Для отладки я использую физическое устройство.

Кто-нибудь знает о решении? Есть ли лучший способ для отладки собственного реактивного приложения?

Answer 1

Для отладки собственного реактивного приложения есть встроенный отладчик реакции.Он также доступен на iOS и Windows.Однако в Windows вы должны загрузить его вручную с github.После того, как вы установили и запустили отладчик, вы можете подключиться к нему из эмулятора приложения из меню разработчика (команда + d для iOS, команда + m в случае эмулятора Android, в Windows вы можете использовать ctrl + m).

https://github.com/jhen0409/react-native-debugger

Answer 2

Если вы работаете с кодом Visual Studio и хотите отладить свое приложение React Native, как и все другие IDE, вы можете получить помощь от расширения React Native Tools, предоставленного Microsoft.

Вы можете прочитать все шаги подробно в моем этом ответе .

Answer 3

Конечно, не существует встроенного отладчика, который может показать вам файлы .js, но вы можете отладить пользовательский интерфейс с помощью этой библиотеки: [https://github.com/facebook/react-devtools][1]

Вы также можете настроить свою IDE для перехода к исходному коду, нажав на сообщение об ошибке, отредактировав свой .bashrc