Ok, ça fait vraiment mal à la tête. J'essayais de développer une application native native, mais la fonctionnalité Debug JS sur Chrome la fait fonctionner très lentement. Chaque clic et chaque transition de bouton prennent presque quelques minutes et parfois plus, rendant le débogage presque impossible.
J'ai supprimé de nombreuses instructions console.log inutilisées pour essayer d'accélérer les choses. J'ai également tiré l'onglet de débogage dans sa propre fenêtre séparée. Mais il n'y a pas de réel changement de vitesse. J'ai également essayé de connecter le téléphone via wifi pour le déboguer. J'utilise le code sur le périphérique matériel et j'ai déjà essayé les suggestions données dans les messages suivants
https://github.com/facebook/react-native/issues/10559https://github.com/facebook/react-native/issues/5632
Quelle est la meilleure approche pour rendre le débogage plus rapide et plus tolérable?
Vérifiez les horloges de votre téléphone et de votre ordinateur. Dans mon cas, le retard se produit lorsque l'horloge du téléphone est derrière l'horloge de l'ordinateur pendant plus d'une seconde. Le problème a été résolu lorsque j'ai modifié l'horloge du téléphone à quelques secondes d'avance sur l'ordinateur.
Avez-vous essayé de désactiver l'option "Animation lente" dans le menu de débogage du simulateur?
J'ai eu le même problème et cela a fait le tour lors de l'exécution de mon application dans le simulateur iOS.
Ma solution a été de désactiver l'extension de réaction "React Developer Tools" pour Chrome. Vraiment fait une grande différence. Note: J'utilise le "Débogueur natif React".
Essayez de désactiver "Paramètres de développement" -> "Mode de développement JS" -> Recharger . J'espère que cela vous aidera.
Décocher Slow Animations
dans l'option Debug
de Simulator fait l'affaire! Très simple.