Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭
#175 0 条评论 8 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
停滞
领域
frontend, web-dev

调研方向

从服务器端渲染警告入手,跟踪提到的 DrawerChild.js、Portal.js、PortalWrapper.js 以及 Ant Design Drawer 堆栈。将其行为与链接的 Next.js 讨论进行比较,然后验证在 Next.js 服务器端渲染期间不再出现 matching-div 警告,同时 Drawer 的行为保持不变。

由索引模型根据 Issue 内容生成。

描述

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/...)
主要语言
TypeScript
星标
425
派生
108
平均合并
2 小时 1 分钟
30 天内合并 PR
1

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

react-component/drawer 的其他 Issue

查看 react-component/drawer 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。