web-dev-qa-db-fra.com

Comment déboguer avec des points d'arrêt dans React Native

S'il vous plaît, aidez-moi à déboguer en réagissant natif avec des points d'arrêt, j'ai trouvé uniquement une solution pour Android appareils réels, mais impossible de déboguer avec Android et simulateur iOS).

8
Akhil Reddy
  1. Installer React Outil de débogage natif
    • mise à jour de brew && brew cask install react-native-debugger
    • brew cask réinstalle react-native-debugger
  2. Quittez Google Chrome s'il est déjà en cours d'exécution.
  3. Lancez l'application React Native Debugger à partir du dossier Applications.
  4. Activez le simulateur iOS et exécutez la commande + d à l'aide du clavier. Dans le menu de débogage, sélectionnez l'option "Debug JS Remotely".
  5. Accédez à React Native Debugger. Sélectionnez l'élément de sous-menu ‘Toggle Developer Tools’ dans le menu ‘View’.
  6. Sélectionnez l'onglet Sources (dans la fenêtre React Native Debugger).
  7. Dans le menu de gauche, développez RNDebuggerWorker.js et développez la sous-option localhost: ****. Vous verrez le dossier racine du projet.
  8. Sélectionnez un fichier .js et ajoutez un point d'arrêt. Le point d'arrêt sera activé lorsque la ligne respective sera exécutée.
  9. Vous pouvez voir les journaux de la console dans la zone de la console en bas.
9
Praveen Matanam