Severe memory leak in Linux

Offen
  • Stimmt etwas nicht?
#212 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
25/100
Issue-Typ
Bug
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
linux, react, typescript, vite
Bereich
devtools, operating-systems, performance, tooling

Rechercherichtung

Beginne mit der Konfiguration in vite.config.ts und reproduziere das Speicherwachstum unter Fedora Linux 42 mit react-router-devtools 5.0.6, indem du Entwicklungsdurchläufe mit aktivierten und deaktivierten Devtools vergleichst. Verwende das gemeldete Verhalten in Chrome oder Firefox, um das Leck zu identifizieren; abgeschlossen ist die Aufgabe, wenn das Browsen unter Linux kein weiteres Speicherwachstum oder keinen Absturz mehr verursacht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

We recently adopted react-router-devtools in my team.

vite.config.ts

export default defineConfig({
  plugins: [
    process.env.NODE_ENV === "development" ? reactRouterDevTools() : undefined,
    tsconfigPaths({ root: "./", projects: ["tsconfig.json"] }),
    tailwindcss(),
    reactRouter()
  ],
  optimizeDeps: {
    exclude: ["google-auth-library", "gcp-metadata"],
  },
})

In development mode, only in Linux, browsing through my application leads to a rapid increase in memory use

Image Image

in both Chrome and Firefox. Running the application without react-router-devtools leads to no issue, and using react-router-devtools in MacOS also leads to no issue.

After minutes of not interacting with the page at all, it crashes.

Image

System

Fedora Linux 42 (Workstation Edition)

Packages

  • react-router-devtools 5.0.6
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.