Severe memory leak in Linux

Ouverte
  • Quelque chose ne va pas ?
#212 7 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
25/100
Type d'issue
Bug
Clarté
À clarifier
Activité
À l'abandon
Stack technique
linux, react, typescript, vite
Domaine
devtools, operating-systems, performance, tooling

Piste de recherche

Commencez par la configuration de vite.config.ts et reproduisez l’augmentation de la mémoire sur Fedora Linux 42 avec react-router-devtools 5.0.6, en comparant les exécutions de développement avec les devtools activées et désactivées. Utilisez le comportement signalé dans Chrome ou Firefox pour identifier la fuite ; le travail est terminé lorsque la navigation ne provoque plus d’augmentation continue de la mémoire ni de plantage sous Linux.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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
Langage dominant
TypeScript
Étoiles
975
Forks
55
Aucune PR mergée en 30 j

Préparer son environnement

  • Aucun Dockerfile ni fichier Docker Compose
  • Propose un modèle de pull request
  • Aucun guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de code-forge-io/react-router-devtools

Toutes les issues de code-forge-io/react-router-devtools

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.