Identifier '__vite__injectQuery' has already been declared error

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

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

評価

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

調査の方向性

issue に記載されたセットアップを再現します。react-router-devtools をインストールし、Vite の設定に reactRouterDevTools() を追加して、TanStackDevtools で TanStack Form plugin と並べて EmbeddedDevTools をレンダリングします。__vite__injectQuery が宣言されている箇所で、Vite plugin と devtools の統合を調査します。両方の devtools が重複識別子エラーなしで連携して動作すれば完了です。

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

説明

I got this error in browser console. Error is Identifier '__vite__injectQuery' has already been declared error.

These are steps I did,

Step 1 - Installed this - npm install react-router-devtools -D
Step 2 - Added to vite config file in first place - reactRouterDevTools(),
Step 3 - Add this tool with Tanstack devtool

<TanStackDevtools
                        plugins={[
                          {
                            name: "React Router Devtools",
                            render: <EmbeddedDevTools />,
                            defaultOpen: true,
                          },
                          {
                            name: "TanStack Form",
                            render: <FormDevtoolsPanel />,
                          },
                        ]}
                        eventBusConfig={{
                          connectToServerBus: true,
                        }}
                      />

But I got that error. When I remove <EmbeddedDevTools /> in TanStackDevtools code. My app work fine.

主要言語
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 を短くまとめたダイジェスト。