Comment supprimer le cache de react-native ?
Avec le framework React Native, vous pouvez utiliser le même code que vous utilisez avec le framework ReactJS, mais pour créer une application mobile. Ce framework facilite ainsi l'adaptation d'un site internet en application. Il faut seulement faire des ajustements propres aux appareils mobiles. Afin d'accélérer son affichage, React Native utilise son propre système de cache. Il y a également différents niveaux de cache liés à l'émulateur ou à NPM, le gestionnaire de paquets de Node.js. Ces caches peuvent poser problème lorsqu’on a un bug qui ne se produit qu'au premier chargement. Il est possible de les effacer ou de les réinitialiser.
Le framework React Native possède en effet une option permettant de vider son cache. Il faut lui transmettre une option spécifique, l'option "--reset-cache". Pour faire cette manipulation lorsque vous utilisez la commande "npm start", vous devez ajouter les caractères "--" à côté puis derrière l'option. Avec cette écriture, les options situées après sont automatiquement transmises au programme qui va être lancé. Dans ce cas, ce sera le framework.
npm start -- --reset-cache
Si nettoyer le cache du framework ne suffit pas, alors il faut utiliser les grands moyens. Trois lignes de commande successives permettent de faire le grand ménage avant de lancer votre programme. La première va supprimer tous les fichiers temporaires créés par le framework dans votre ordinateur. La deuxième va ensuite supprimer tous les paquets installés avec NPM pour le projet, vider le cache et les réinstaller. Pour terminer, la dernière ligne de commande va lancer le framework en réinitialisant le cache. Vous aurez ainsi un projet totalement vierge de tout cache avant son lancement. Les lignes suivantes dépendent des versions du framework et de NPM installées sur votre ordinateur.
//Avec NPM à partir de la version 6.0 et React Native à partir de la version 0.50 //Suppression des fichiers de cache du framework créé dans le répertoire temporaire de l'ordinateur watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* && //Suppression des paquets installés, nettoyage du cache de NPM et réinstallation des paquets rm -rf $TMPDIR/metro-bundler-cache-* && rm -rf node_modules/ && npm cache clean --force && //Lancement du framework avec réinitialisation du cache npm install && npm start -- --reset-cache //Pour les versions antérieures de React Native et NPM watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache