Random error on unmount : Unable to find node on an unmounted component.

オープン
#322 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
25/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

Start with rc-trigger/lib/index.js at getRootDomNode, attachParent, and attachId, then inspect the rc-util raf callbacks shown in the stack trace. Reproduce navigation from a Suspense-mounted page to another Route while an antd slider unmounts. Done means the unmount transition no longer produces this error, with coverage for the reported scenario if the repository has a suitable test entry point.

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

説明

Actions

We have an antd slider mounted on a Lazy loaded page (with a Suspense parent).
When we click in the menu of our website, this unmount the current lazy loaded page and load an other lazy loaded page. (Using react router component Route)
During this operation, we sometime have an error popping on rc-trigger library.

Is there any way to protect against this ?

Error
Error: Unable to find node on an unmounted component.
  at a(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:56:67)
  at Zb(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:57:217)
  at exports.findDOMNode(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:320:226)
  at getRootDomNode(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:255:34)
  at attachParent(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:349:29)
  at _this.attachId(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:367:19)
  at callRef(webpack://lcdp-react/../node_modules/rc-trigger/node_modules/rc-util/lib/raf.js:35:7)
  at realId(webpack://lcdp-react/../node_modules/rc-trigger/node_modules/rc-util/lib/raf.js:39:9)
  at s(webpack://lcdp-react/../src/helpers.ts:98:1)
Context

rc-trigger version : 5.3.4
antd version : 4.17.3

Yours faithfully,
LCDP

主要言語
TypeScript
スター
391
フォーク
245
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

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

react-component/trigger のほかの issue

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

似ている issue

TypeScript の issue をもっと見る

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

初心者向けの GitHub issue を短くまとめたダイジェスト。