comment supprimer une bibliothèque installée dans un projet react native

Question

J'ai installé une bibliothèque tierce dans mon projet mais elle ne fonctionne pas, je veux donc supprimer cette bibliothèque de mon projet, Comment puis-je le faire ?

Answer 1

Vous pouvez supprimer le paquet react native installé avec cette commande.

npm uninstall package_name

exemple :

npm uninstall react-native-camera

Answer 2

Supprimer le nom du paquet de package.json fichier

supprimer package-lock.json fichier

puis exécutez npm install

ou vous pouvez exécuter la commande suivante pour désinstaller tout paquetage

npm uninstall package_name

Answer 3

Pour iOS...

Retirez le paquet de nœuds et installez les pods.

Si vous utilisez npm : npm uninstall package-name

Si vous utilisez du fil : yarn remove nom-de-paquet

Ensuite, il suffit d'installer les pods avec : npx pod-install

Typiquement, le répertoire package.json est dans le Root de votre dossier de projet, donc vous devriez exécuter ces étapes à partir de là. npx pod-install va aller dans votre dossier ios et va exécuter pod install. Vous n'avez pas besoin d'exécuter cette étape si vous n'ajoutez/supprimez pas de composants natifs.

Je pense que pour Android, cela pourrait être les mêmes étapes, mais sans exécuter la dernière commande puisque Android n'utilise pas les cocoapodes.

Answer 4

Une solution simple et facile.

npm uninstall --save react-native-image-slider-box

Answer 5

Toutes les premières réponses sont un peu dépassées. Elles fonctionnent, mais le processus pourrait être amélioré. Je vais donc vous proposer une méthode plus moderne et plus "normale".

Hypothèses :

• Votre projet n'est pas trop ancien, ce qui signifie que votre projet n'utilise pas la version react-native <0.60 (moins de 0.60). En effet, dans le passé (lorsque vous aviez la version react-native <0.60), vous deviez exécuter manuellement des commandes comme react-native unlink lorsque vous vouliez désinstaller un paquet. Ces commandes fonctionnent toujours mais ne sont plus nécessaires.
• La bibliothèque ou le paquet fonctionne avec la liaison automatique ou ne nécessite pas de liaison du tout car le paquet n'utilise pas de code natif. Si les instructions d'installation du paquet n'indiquent pas que la bibliothèque/le paquet a besoin d'être lié(e). exiger vous devez exécuter une commande pour lier le paquet (par ex. react-native link ), alors il utilise le lien automatique ou n'a pas besoin de lien du tout. Un paquetage peut vous suggérer d'exécuter la commande link, mais il vous dira également que ce n'est pas nécessaire si la version de react-native de votre projet est >=0.60. La majorité des bibliothèques sont comme ça maintenant. Je serais surpris si le paquet que vous voulez désinstaller utilise du code natif mais ne supporte pas la liaison automatique. En savoir plus sur le lien automatique.
  • Si le paquet que vous voulez désinstaller n'utilise pas de code natif, alors le paragraphe ci-dessus sur l'auto-lien n'a pas d'importance.
• Vous devez bien sûr vous souvenir de supprimer toute utilisation du paquet dans votre projet, avant d'essayer de le désinstaller.
• Vous avez vérifié si d'autres paquets nécessitent le paquet que vous voulez supprimer en tant que dépendance de pairs. Dans ce cas, si vous supprimez cette dépendance, vos autres paquets peuvent ne pas fonctionner.

Si votre paquet a été installé sans aucune modification manuelle des fichiers natifs (par ex. android/settings.gradle , ios/yourappname/AppDelegate.m etc.) ou toute autre configuration (par ex. mypackage.config.js ), alors vous devriez simplement faire ceci :

1. Si vous utilisez npm, exécutez npm uninstall <yourpackage> . Si vous utilisez le fil, exécutez yarn remove <yourpackage> .
   • (React native utilise autolinking pour délier les paquets automatiquement, donc c'est tout ce que vous devez faire pour " délier ". Lire la suite. )
2. Exécuter cd ios && pod install && cd ..
   • Vous pouvez sauter cette étape si vous êtes absolument sûr que le paquet est purement écrit en JavaScript/Typescript. Je pense qu'il est préférable de l'exécuter de toute façon, afin que votre cerveau n'ait pas à se préoccuper de cette question.
3. C'est ça. Vous êtes prêt à partir. Si vous n'êtes pas prêt à partir, c'est que quelque chose ne va pas.

Si vous avez dû modifier manuellement les fichiers natifs ou toute autre configuration supplémentaire pour installer votre paquet, alors :

1. C'est une bonne idée d'obtenir toutes les informations possibles sur ce que vous avez fait exactement lorsque vous avez installé le paquet. Tout contexte supplémentaire que vous pouvez apprendre est bon.

   • Vous devriez consulter votre historique git pour voir les changements que vous avez effectués lorsque vous avez installé le paquet.
   • Il est conseillé de lire le fichier README ou la documentation du paquet pour vous rappeler tout ce que vous auriez pu oublier.
     • En plus du fichier README ou de la documentation la plus récente du paquet, c'est une bonne idée d'essayer de lire le fichier README/docs du paquet de la version exacte que vous essayez de désinstaller. Si vous ne lisez que le README de la page principale de github du paquet, par exemple, les informations peuvent être trop récentes.

2. Annulez les modifications manuelles que vous avez effectuées lors de l'installation du paquet. Idéalement, utilisez git diff ou un programme git GUI pour vous aider dans cette tâche. Comme ce processus varie en fonction du paquet et de ce que vous avez réellement fait, il est difficile d'être plus précis que cela.

3. Si vous utilisez npm, exécutez npm uninstall <yourpackage> . Si vous utilisez le fil, exécutez yarn remove <yourpackage> .

   • (React native utilise autolinking pour délier les paquets automatiquement, donc c'est tout ce que vous devez faire pour " délier ". Lire la suite. )

4. Exécuter cd ios && pod install && cd ..

   • Vous pouvez sauter cette étape si vous êtes absolument sûr que le paquet est purement écrit en JavaScript/Typescript. Je pense qu'il est préférable de l'exécuter de toute façon, afin que votre cerveau n'ait pas à se préoccuper de cette question.

5. C'est ça, c'est fait. Si les choses ne sont pas bonnes à ce stade, alors quelque chose ne va pas du tout.

N'oubliez pas d'attribuer une note supérieure si vous pensez que cet article vous a aidé, afin qu'il soit plus visible. Merci !