Identifier '__vite__injectQuery' has already been declared error

Offen
  • Stimmt etwas nicht?
#247 12 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
38/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
react, typescript, vite
Bereich
build-system, devtools, frontend

Rechercherichtung

Reproduziere die im Issue beschriebene Einrichtung: Installiere react-router-devtools, füge reactRouterDevTools() zur Vite-Konfiguration hinzu und rendere EmbeddedDevTools zusammen mit dem TanStack Form plugin in TanStackDevtools. Untersuche das Vite plugin und die Devtools-Integration an der Stelle, an der __vite__injectQuery deklariert wird. Die Aufgabe ist erledigt, wenn beide Devtools ohne den Fehler wegen eines doppelten Bezeichners zusammen funktionieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.

Vorherrschende Sprache
TypeScript
Sterne
975
Forks
55
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

  • Kein Dockerfile und keine Docker-Compose-Datei
  • Hat eine Pull-Request-Vorlage
  • Kein Beitragsleitfaden

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus code-forge-io/react-router-devtools

Alle Issues in code-forge-io/react-router-devtools

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.