React-dnd: Pelanggaran Invarian: Konteks drag drop yang diharapkan ditemukan saat disebarkan ke server

Dibuat pada 31 Jul 2019 · 11Komentar · Sumber: react-dnd/react-dnd

Aplikasi saya bekerja dengan baik di lingkungan lokal saya tetapi ketika saya menyebarkan ke server, konsol mencetak kesalahan: 'Pelanggaran Invarian: Diharapkan drag drop context find' saat digunakan ke server.
Saya sama sekali tidak tahu apa yang salah. Bisakah Anda membantu memberi saya beberapa saran tentang apa yang mungkin menjadi penyebab utama?
Versi simpul lokal saya adalah 8.11.3. Dan saya menggunakan 8.11.3 di server untuk membangun dan server ekspres untuk melayani file statis di bawah lingkungan node cloud default (v6.7.0).
Saya menggunakan:
"react-dnd": "^9.0.1"
"react-dnd-html5-backend": "^9.0.0"
"react-dnd-touch-backend": "^9.0.2"

Sumber

TingOOOgniT

Komentar yang paling membantu

anda harus membungkus komponen file pengujian Anda seperti:

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

roweldev-jukin pada 24 Sep 2019

👍23 🚀2

Semua 11 komentar

Saya memutakhirkan paket saya ke yang terbaru dan kesalahan terjadi di lingkungan lokal saya.

TingOOOgniT pada 1 Agu 2019

Itu karena saya memiliki ^ dan saya menggunakan benang di lokal tetapi npm di cloud untuk membangun jadi saya mendapat versi paket yang berbeda di lokal dan dev.
Dan ketika saya menggunakan 9.3.3 dan 9.3.2, saya mendapatkan kesalahan yang sama: 'Pelanggaran Invarian: Diharapkan drag drop context find. Saya kehilangan konteksnya.
Dan 9.2.1 baik-baik saja.

TingOOOgniT pada 1 Agu 2019

+1 Saya juga mendapatkan ini

Lingkungan terlihat seperti:

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

coxrichuk pada 12 Agu 2019

👍1

Ini mungkin berarti Anda memiliki DndProvider membungkus komponen terlalu rendah pada pohon komponen Anda.

sa-scole pada 16 Agu 2019

👍1

Apakah Anda memecahkan ini? Saya memiliki masalah yang sama dan ternyata saya memiliki beberapa perpustakaan react-dnd dari berbagai versi yang dibundel di aplikasi saya. Semoga ini bisa membantu seseorang.

jamiewinder pada 21 Agu 2019

Saya juga menghadapi masalah yang sama. Apakah seseorang menemukan solusinya, tolong bagikan.

sauravgarg540 pada 29 Agu 2019

Saya tidak mengekspor <DndProvider /> . Setelah saya melakukan itu, semuanya bekerja dengan baik.

binarybaba pada 16 Sep 2019

anda harus membungkus komponen file pengujian Anda seperti:

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

roweldev-jukin pada 24 Sep 2019

👍23 🚀2

anda harus membungkus komponen file pengujian Anda seperti:
<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

Saya sangat berharap info ini tersedia di halaman ini http://react-dnd.github.io/react-dnd/docs/overview .

Jika tidak, pengguna harus menelusuri seluruh implementasi papan catur untuk menemukan ini.

Foxhoundn pada 6 Nov 2019

👍12 🎉5 ❤1

Saya juga mendapatkan kesalahan Expected drag drop context . Bagi saya ini hanya berfungsi jika DndProvider adalah simpul induk langsung dari komponen yang menggunakan useDrag . Ini bekerja dengan versi yang lebih lama (9.0.0). Namun, petunjuknya