Severe memory leak in Linux

Abierto
  • ¿Algo no está bien?
#212 7 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
25/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
linux, react, typescript, vite
Área
devtools, operating-systems, performance, tooling

Línea de trabajo

Comienza con la configuración de vite.config.ts y reproduce el crecimiento de memoria en Fedora Linux 42 usando react-router-devtools 5.0.6, comparando ejecuciones de desarrollo con las devtools activadas y desactivadas. Usa el comportamiento informado en Chrome o Firefox para identificar la fuga; se considera terminado cuando navegar ya no provoca un crecimiento continuo de memoria ni un bloqueo en Linux.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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
Lenguaje dominante
TypeScript
Estrellas
975
Forks
55
Sin PR fusionados en 30 d

Preparar el entorno

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de code-forge-io/react-router-devtools

Todos los issues de code-forge-io/react-router-devtools

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.