Error after upgrading from 5.1.3 to 6.0.0

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

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

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react, typescript, vite
領域
devtools, frontend

調査の方向性

SPA mode を使用する React Router 7.10.1、Vite 7.2.7、React 18.3.1 のアプリで失敗を再現し、devtools 5.1.3 と 6.0.0 で動作を比較します。スタックトレースで報告されている devtools クライアントコードから始め、route-diagram とナビゲーションのパスを調査します。ダイアグラムが正しい状態を維持し、ナビゲーションで undefined の「add」エラーが発生しなくなれば完了です。

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

説明

Initial page loads and the dev tools are active, but seem buggy. For example if I click on the route diagram, it flashes the "real" diagram and then reverts to a single dot with "Root". As soon as I try to navigate, I get:

Application Error
TypeError: Cannot read properties of undefined (reading 'add')
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12939:44
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12941:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12951:13
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12929:5
    at http://localhost:4200/node_modules/.vite/deps/react-router-devtools_client.js?v=e1651124:12932:7

Revert to 5.1.3 and everything works fine again.

React Router 7.10.1
Vite 7.2.7
React 18.3.1

Spa mode

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

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

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

code-forge-io/react-router-devtools のほかの issue

code-forge-io/react-router-devtools の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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