web-dev-qa-db-fra.com

réactif natif, le regroupement a échoué

Je suis nouveau pour réagir en natif, mais j'ai trouvé une erreur qui n'a absolument aucun sens pour moi.

J'essaie d'inclure une bibliothèque de calendrier: https://github.com/wix/react-native-calendars

J'ai inclus la dépendance de cette bibliothèque dans mon fichier package.json et lance

npm install

Le projet fonctionnait bien et prévu avant. J'ai simplement ajouté une ligne de code au projet:

import { Calendar, CalendarList, Agenda } from 'react-native-calendars';

Rien d'autre. Cependant, je reçois maintenant un message d'erreur rouge lorsque l'application est chargée sur l'appareil et voici ce que dit ma console:

erreur: le regroupement a échoué: Erreur: Lors de la tentative de résolution du module xdate à partir du fichier /Users/Alex/Documents/workspace/mobile/node_modules/react-native-calendars/src/index.js, le package /Users/Alex/Documents/workspace/mobile/node_modules/xdate/package.json a été trouvé. Cependant, ce paquet lui-même spécifie un champ de module main qui n'a pas pu être résolu (/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js. En effet, aucun de ces fichiers n'existe:

  • /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)
  • /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json) at ResolutionRequest.resolveDependency (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:103:15) à DependencyGraph.repran /mobile/node_modules/metro/src/node-haste/DependencyGraph.js:272:4579) à l'adresse dependencies.map.relativePath (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverse : 376: 19) sur Array.map () sur resolDependencies (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:374:16) sur/Users/Alex/Documents/workspace /mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:212:33 à Generator.next () à step (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDepends 297: 313) à /Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:473 à

Cependant, j'ai vérifié dans le répertoire et en fait /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js existe. Cependant, je ne vois aucune partie de cette partie: (.native || .ios.js | .native.js | .js | .ios.json | .native.json | .json) `

Quant à savoir comment /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js/index peut exister, cela n’a aucun sens car xdate.js n’est pas un répertoire.

De l'aide?

iosreact-nativenpm
4
Alexander Claussen

Cela se produit généralement si vous essayez d'installer un module alors que votre emballeur est ouvert.

Essayez de supprimer le dossier node_modules et de fermer la packager..__, puis réinstallez le tout par npm install dans le répertoire de votre projet.

17
Sarmad

Fermez d'abord votre bundle JavaScript (bundler Metro dans mon cas) et redémarrez l'application. Cela créera un nouveau graphique de dépendance. Cela devrait résoudre le problème.

2
Sachin Poreyana

Si l'erreur persiste même après la suppression du dossier ./node_modules et l'exécution de npm install à nouveau, lancez l'installation avec l'indicateur --update-binary, i.e npm install --update-binary. Cela devrait effacer et reconstruire tous les paquetages précédemment construits sur votre ordinateur.

0
Raymond Lemon