jsdom throw error on mode 'horizontal'

オープン

#292 2019年10月16日に作成コメント 2 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 4/5
見積もり時間: 3〜5日
初心者へのやさしさ: 30/100

issue の種類: バグ
明瞭さ: 説明が足りない
活発さ: 停滞
技術スタック: react, typescript
領域: frontend

調査の方向性

Header.test.tsx の Menu mode='horizontal' 例で発生する失敗を再現し、次に node_modules/antd/node_modules/rc-menu/lib/DOMWrap.js のスタックトレースに示されている DOMWrap.componentDidMount の呼び出しを調べてください。react-test-renderer の下で MutationObserver.observe が Node ではない値を受け取る理由を追跡し、その例が報告された TypeError なしにレンダリングされることを確認してください。

索引モデルが issue の本文から書いたものです。

説明

version: "7.4.23

react-test-renderer is 16.9.0

react: 16.9.0

typescript: 3.6.3

import React from 'react'
import renderer from 'react-test-renderer'
import { Menu } from 'antd'

describe('component: MainHeader', () => {
  it('base: should render success', () => {
    const component = renderer.create(
      <Menu
        mode='horizontal'
      />
    )
  })
})

error message

console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
    Error: Uncaught [TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.]
        at reportException (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\helpers\runtime-script-errors.js:62:24)
        at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:331:9)
        at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
        at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
        at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)
        at HTMLUnknownElement.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\EventTarget.js:144:23)
        at Object.invokeGuardedCallbackDev (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11665:16)
        at invokeGuardedCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11718:31)
        at commitRootImpl (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15012:9)
        at unstable_runWithPriority (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\node_modules\scheduler\cjs\scheduler.development.js:815:12) TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
        at convert (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\Node.js:573:11)
        at MutationObserver.observe (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\MutationObserver.js:41:16)
        at DOMWrap.componentDidMount (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\antd\node_modules\rc-menu\lib\DOMWrap.js:284:33)
        at commitLifeCycles (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:12078:22)
        at commitLayoutEffects (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15276:7)
        at HTMLUnknownElement.callCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11616:14)
        at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:315:27)
        at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
        at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
        at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)

  console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11818
    The above error occurred in the <DOMWrap> component:
        in DOMWrap (created by SubPopupMenu)
        in SubPopupMenu (created by Connect(SubPopupMenu))
        in Connect(SubPopupMenu) (created by Menu)
        in Provider (created by Menu)
        in Menu (created by Context.Consumer)
        in InternalMenu (created by Context.Consumer)
        in Menu (at Header.test.tsx:10)
    
    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://fb.me/react-error-boundaries to learn more about error boundaries.


TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

    at convert (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\Node.js:573:11)
    at MutationObserver.observe (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\MutationObserver.js:41:16)
    at DOMWrap.componentDidMount (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\antd\node_modules\rc-menu\lib\DOMWrap.js:284:33)
    at commitLifeCycles (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:12078:22)
    at commitLayoutEffects (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15276:7)
    at HTMLUnknownElement.callCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11616:14)
    at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:315:27)
    at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
    at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
    at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)

主要言語: TypeScript
スター: 701
フォーク: 266
平均マージ: 1日 2時間
マージ済み PR（30日）: 2

環境構築

このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

react-component/menu のほかの issue

封装 Menu 子组件时导致的 key 不能正常传递的坑
オープン
- 何か問題がありますか？
難易度 4/5 3〜5日初心者へのやさしさ 38/100

react-component/menu#833 · コメント 1 件 · 2025年12月7日に作成
Ho
オープン
- 何か問題がありますか？
難易度 5/5 1週間以上初心者へのやさしさ 1/100

react-component/menu#790 · 2025年7月5日に作成
remove the annoying key duplication warning
オープン
- 何か問題がありますか？
難易度 3/5 1〜2日初心者へのやさしさ 35/100

react-component/menu#743 · 2024年12月12日に作成
二次封装时，无法获取到rc-menu中的context下发的值
オープン
- 何か問題がありますか？
難易度 4/5 3〜5日初心者へのやさしさ 25/100

react-component/menu#742 · 2024年12月1日に作成
[bug]: Could not find a declaration file for module './context/PathContext'
オープン
- 何か問題がありますか？
難易度 2/5 1〜3時間初心者へのやさしさ 45/100

react-component/menu#732 · リアクション 1 件 · 2024年8月9日に作成

react-component/menu の issue をすべて見る

似ている issue

[BUG]: sepolia.drpc.org rejects every request (free plan no longer covers Sepolia)
オープン
- 何か問題がありますか？
bug

難易度 1/5 1時間未満初心者へのやさしさ 88/100

StabilityNexus/Fate-EVM-Frontend#153 · 2026年9月27日に作成

メンテナーはふだん 1 日以内に返信
Windows CI: isolation-core git survivor test bounds a causal property with a 5s wall clock (6093 ms under load)
オープン
- 何か問題がありますか？
難易度 2/5 1〜3時間初心者へのやさしさ 78/100

code-yeongyu/oh-my-openagent#9039 · 2026年9月27日に作成

メンテナーはふだん 1 日以内に返信
[bug] remove mcp refuses a root server named 'ambiguous' without saying why
オープン
- 何か問題がありますか？
bug

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

Tencent/teamai-cli#862 · 2026年9月27日に作成

メンテナーはふだん 1 日以内に返信
Redis: the confirmation dialog asks about blocking commands the provider now refuses
オープン
- 何か問題がありますか？
bug good first issue hacktoberfest redis

難易度 2/5 1〜3時間初心者へのやさしさ 88/100

libredb/libredb-studio#1164 · 2026年9月27日に作成

メンテナーはふだん 1 日以内に返信
🤖 tests: backup payload MCP-redaction test counts unrelated global JSON.stringify calls
オープン
- 何か問題がありますか？
flake

難易度 2/5 1〜3時間初心者へのやさしさ 85/100

coder/xum#4920 · コメント 2 件 · 2026年9月27日に作成

メンテナーはふだん 1 日以内に返信

TypeScript の issue をもっと見る

jsdom throw error on mode 'horizontal'

何か問題がありますか？

評価

調査の方向性

説明

環境構築

はじめの一歩

react-component/menu のほかの issue

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

似ている issue

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

何か問題がありますか？

新しい issue をメールで受け取る