React-dnd: Unveränderlicher Verstoß: Erwartete Drag-Drop-Kontextsuche beim Bereitstellen auf dem Server

Erstellt am 31. Juli 2019  ·  11Kommentare  ·  Quelle: react-dnd/react-dnd

Meine App funktioniert in meiner lokalen Umgebung gut, aber bei der Bereitstellung auf dem Server druckt die Konsole bei der Bereitstellung auf dem Server den Fehler: "Invarianter Verstoß: Erwartete Drag-Drop-Kontextsuche".
Ich habe absolut keine Ahnung, woran es liegt. Könnten Sie mir einen Rat geben, was die Ursache sein könnte?
Meine lokale Knotenversion ist 8.11.3. Und ich verwende 8.11.3 auf dem Server zum Erstellen und einen Express-Server zum Bereitstellen der statischen Dateien unter der Standard-Cloud-Knotenumgebung (v6.7.0).
Ich benutze:
"react-dnd": "^9.0.1"
"react-dnd-html5-backend": "^9.0.0"
"react-dnd-touch-backend": "^9.0.2"

Hilfreichster Kommentar

Sie sollten Ihre Testdateikomponente wie folgt umschließen:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

Alle 11 Kommentare

Ich habe meine Pakete auf die neueste Version aktualisiert und der Fehler tritt in meiner lokalen Umgebung auf.

Das liegt daran, dass ich ein ^ habe und Garn in Local verwende, aber npm in der Cloud, um zu bauen, also habe ich unterschiedliche Paketversionen in Local und Dev.
Und wenn ich 9.3.3 und 9.3.2 verwende, erhalte ich den gleichen Fehler: 'Invarianter Verstoß: Erwartete Drag-Drop-Kontextsuche. Ich habe den Kontext verloren.
Und 9.2.1 ist in Ordnung.

+1 Ich bekomme das auch

Umgebung sieht so aus:

"react": "^16.8.6", "react-dnd": "^9.3.4", "react-dnd-html5-backend": "^9.3.4", "react-dom": "^16.8.6",

Dies bedeutet wahrscheinlich, dass Sie DndProvider eine Komponente zu niedrig in Ihrem Komponentenbaum umschließen.

Hast du das gelöst? Ich hatte das gleiche Problem und es stellte sich heraus, dass in meiner App mehrere React-dnd-Bibliotheken verschiedener Versionen gebündelt waren. Hoffentlich hilft das jemandem.

ich stehe auch vor dem gleichen Problem. Hat jemand die Lösung gefunden, bitte teilen.

Ich habe <DndProvider /> nicht exportiert. Nachdem ich das gemacht hatte, hat alles gut funktioniert.

Sie sollten Ihre Testdateikomponente wie folgt umschließen:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

Sie sollten Ihre Testdateikomponente wie folgt umschließen:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

Ich wünschte wirklich, diese Informationen wären auf dieser Seite verfügbar http://react-dnd.github.io/react-dnd/docs/overview.

Andernfalls müssen Benutzer durch eine ganze Implementierung des Schachbretts scrollen, um diese zu finden.

Ich erhalte auch den Fehler Expected drag drop context . Für mich funktioniert dies nur, wenn DndProvider der unmittelbare übergeordnete Knoten der Komponente ist, die useDrag . Es funktioniert jedoch mit einer älteren Version (9.0.0). Allerdings ist der Hinweis

Dies sollte oben in unserer Anwendung eingehängt werden (d. h. das DndProvider )

ist definitiv falsch.

@markusmauch

Danke - das hat mir große Kopfschmerzen erspart. Ja, die Dokumentation ist hier definitiv nicht korrekt.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen