wake-up-neo.com

reaktionsnativ, Bündelung fehlgeschlagen

Ich bin neu im Reagieren, habe aber einen Fehler gefunden, der für mich absolut keinen Sinn ergibt.

Ich versuche, eine Kalenderbibliothek einzuschließen: https://github.com/wix/react-native-calendars

Ich habe die Abhängigkeit für diese Bibliothek in meine package.json-Datei aufgenommen und starte sie

npm install

Das Projekt lief gut und erwartete vorher. Ich habe dem Projekt einfach eine Codezeile hinzugefügt:

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

Nichts anderes. Jetzt erhalte ich jedoch eine rote Fehlermeldung, wenn die App auf dem Gerät geladen wird, und dies ist, was meine Konsole sagt:

fehler: Bündelung fehlgeschlagen: Fehler: Beim Versuch, Modul xdate aus Datei /Users/Alex/Documents/workspace/mobile/node_modules/react-native-calendars/src/index.js aufzulösen, wurde das Paket /Users/Alex/Documents/workspace/mobile/node_modules/xdate/package.json erfolgreich gefunden. Dieses Paket selbst gibt jedoch ein main-Modulfeld an, das nicht aufgelöst werden konnte (/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js. In der Tat ist keine dieser Dateien vorhanden:

  • /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) at DependencyGraph.resolve/Users /mobile/node_modules/metro/src/node-haste/DependencyGraph.js:272:4579) bei dependencies.map.relativePath (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependences : 376: 19) bei Array.map () bei resolveDependencies (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:374:16) bei/Users/Alex/Documents/workspace /mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:212:33 at Generator.next () at step (/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js: 297: 313) um /Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:473 um

Allerdings habe ich das Verzeichnis eingecheckt und tatsächlich existiert /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js. Jedoch sehe ich keinen dieser Teile: (.native || .ios.js | .native.js | .js | .ios.json | .native.json | .json) `

Wie /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js/index existieren kann, ist nicht sinnvoll, da xdate.js kein Verzeichnis ist.

Irgendeine Hilfe?

4

Dies geschieht normalerweise, wenn Sie versuchen, ein Modul zu installieren, während der Packager geöffnet ist.

Versuchen Sie, den node_modules-Ordner zu löschen, und schließen Sie die packager. Installieren Sie anschließend alles neu durch npm install in Ihrem Projektverzeichnis.

17
Sarmad

Schließen Sie zunächst Ihren JavaScript-Bundler (in meinem Fall Metro-Bundler) und starten Sie die Anwendung erneut. Dadurch wird ein neues Abhängigkeitsdiagramm erstellt. Dies sollte das Problem lösen.

2
Sachin Poreyana

Bitte löschen Sie nicht den Node Modules Ordner. Der Bundler muss sich am wenigsten mit dem Ordner node modules befassen.

Schließen Sie stattdessen alle Terminals. Wenn Sie VS-Code verwenden, schließen Sie dies ebenfalls.

Schließen Sie alle lokalen Host-Server-Ports und starten Sie das System nach Möglichkeit neu. Dies könnte das Problem lösen.

0
Rishav Kumar

Wenn der Fehler auch nach dem Löschen des ./node_modules-Ordners immer noch auftritt und Sie npm install erneut ausführen, versuchen Sie, die Installation mit dem --update-binary-Flag durchzuführen, d. H. npm install --update-binary. Auf diese Weise sollten zuvor erstellte Pakete auf Ihrem Computer gelöscht und neu erstellt werden.

0
Raymond Lemon