Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Next.JS server side: Expected server HTML to caontain a matching <div> in <div>

Aperta
#175 0 commenti 8 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
next.js, react, typescript
Ambito
frontend, web-dev

Direzione di ricerca

Inizia dall’avviso relativo al rendering lato server e segui il percorso dei file menzionati DrawerChild.js, Portal.js, PortalWrapper.js e dello stack Ant Design Drawer. Confronta il comportamento con la discussione collegata di Next.js, quindi verifica che l’avviso matching-div non compaia più durante il rendering lato server di Next.js, mentre il comportamento di Drawer rimanga intatto.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Get Expected server HTML to caontain a matching <div> in <div> error when Next.JS try to render the component on the server side.
An approach to fix this issue can be related to this next.js discussion

Warning: Expected server HTML to contain a matching <div> in <div>.
    at div
    at div
    at DrawerChild (webpack-internal:///../../.yarn/$$virtual/rc-drawer-virtual-a9cb80f40d/0/cache/rc-drawer-npm-4.2.2-ee8e7f6abf-9e919c7968.zip/node_modules/rc-drawer/es/DrawerChild.js:42:94)
    at eval (webpack-internal:///../../.yarn/$$virtual/rc-util-virtual-7b83a5d0a6/0/cache/rc-util-npm-5.7.0-bdc90de661-b15423c992.zip/node_modules/rc-util/es/Portal.js:11:25)
    at PortalWrapper (webpack-internal:///../../.yarn/$$virtual/rc-util-virtual-7b83a5d0a6/0/cache/rc-util-npm-5.7.0-bdc90de661-b15423c992.zip/node_modules/rc-util/es/PortalWrapper.js:77:94)
    at DrawerWrapper (webpack-internal:///../../.yarn/$$virtual/rc-drawer-virtual-a9cb80f40d/0/cache/rc-drawer-npm-4.2.2-ee8e7f6abf-9e919c7968.zip/node_modules/rc-drawer/es/DrawerWrapper.js:30:94)
    at Drawer (webpack-internal:///../../.yarn/$$virtual/antd-virtual-ae5f2a8313/0/cache/antd-npm-4.10.3-9a51b66bae-4decd8e156.zip/node_modules/antd/es/drawer/index.js:62:94)
    at DrawerWrapper (webpack-internal:///../../.yarn/$$virtual/antd-virtual-ae5f2a8313/0/cache/antd-npm-4.10.3-9a51b66bae-4decd8e156.zip/node_modules/antd/es/drawer/index.js:350:34)
    at FilterWrapper (webpack-internal:///./components/...)
Lingua principale
TypeScript
Stelle
425
Fork
108
Merge medio
2h 1m
PR unite (30g)
1

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-component/drawer

Tutte le issue di react-component/drawer

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.