TanStack / TanStack/devtools

Go to source feature not working on Linux

Offen
#176 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
499
Forks
100
Ø Merge
1 T. 17 Std.
Gemergte PRs (30 T.)
4

Beschreibung

TanStack Devtools version

v0.7.0

Framework/Library version

React v19.1.0

Describe the bug and the steps to reproduce it

On Linux, by default the ctrl+shift+click is not working (I use both code and windsurf).

Adding the editor configuration as such:

open: async (path, lineNumber, columnNumber) => {
          console.log(path);
          const { exec } = await import('node:child_process');
          exec(
            // or windsurf/cursor/webstorm
            `code -g "${path.replaceAll('$', '\\$')}${lineNumber ? `:${lineNumber}` : ''}${columnNumber ? `:${columnNumber}` : ''}"`,
          );
        },

It opens a new editor with an empty file. However, what I can see on the console log, is that the file path is not correct.

In my case it prints:
/home/fernion/dev/proj1/apps/web/home/fernion/dev/proj1/packages/package1/src/panel.tsx

My node is running on /home/fernion/dev/proj1/apps/web and the file is located on /home/fernion/dev/proj1/packages/package1/src/panel.tsx

Somehow the path parameters has the two paths concatenated.

Please let me know what additional information I can provide.

I am using Ubuntu 24.04.3 LTS.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

not applicable

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms & Code of Conduct
  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere den ctrl+shift+click-Ablauf unter Ubuntu 24.04.3 mit dem open callback der Editor-Konfiguration und überprüfe den protokollierten Pfad. Verfolge die Linux-Pfadbehandlung rund um diesen Callback; abgeschlossen ist die Aufgabe, wenn der Callback den korrekten absoluten Quellpfad erhält, ohne das Arbeitsverzeichnis anzuhängen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
linux, react, typescript
Bereich
devtools, operating-systems
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

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