Internal server error: Failed to load url crypto

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

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
node.js, react, typescript, vite
Área
devtools, tooling

Línea de trabajo

Reproduce el fallo de recarga después de añadir el paquete a vite.config.ts, utilizando las versiones de Node.js y Yarn indicadas. Empieza inspeccionando cómo node_modules/.vite/deps_ssr/react-router-devtools_client.js resuelve crypto durante SSR. Se considera completado cuando el servidor de desarrollo recarga sin el error interno del servidor de Vite.

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

Descripción

After installing this and adding it to my vite.config.ts, a reload results in:

...
[vite] Internal server error: Failed to load url crypto (resolved id: crypto) in  node_modules/.vite/deps_ssr/react-router-devtools_client.js. Does the file exist?
...

> node -v
v22.16.0

> yarn -v
4.9.1


> yarn info react-router               
└─ react-router@npm:7.6.2
   ├─ Instances: 1
   ├─ Version: 7.6.2
   │ 
   └─ Dependencies
      ├─ cookie@npm:^1.0.1 → npm:1.0.2
      └─ set-cookie-parser@npm:^2.6.0 → npm:2.7.1

> yarn info @react-router/dev
└─ @react-router/dev@npm:7.5.3
   ├─ Instances: 1
   ├─ Version: 7.5.3
   │ 
   ├─ Exported Binaries
   │  └─ react-router
   │ 
   └─ Dependencies
      ├─ @babel/core@npm:^7.21.8 → npm:7.27.4
      ├─ @babel/generator@npm:^7.21.5 → npm:7.27.5
      ├─ @babel/parser@npm:^7.21.8 → npm:7.27.5
      ├─ @babel/plugin-syntax-decorators@npm:^7.22.10 → npm:7.27.1
      ├─ @babel/plugin-syntax-jsx@npm:^7.21.4 → npm:7.27.1
      ├─ @babel/preset-typescript@npm:^7.21.5 → npm:7.27.1
      ├─ @babel/traverse@npm:^7.23.2 → npm:7.27.4
      ├─ @babel/types@npm:^7.22.5 → npm:7.27.6
      ├─ @npmcli/package-json@npm:^4.0.1 → npm:4.0.1
      ├─ @react-router/node@npm:7.5.3 → npm:7.5.3
      ├─ arg@npm:^5.0.1 → npm:5.0.2
      ├─ babel-dead-code-elimination@npm:^1.0.6 → npm:1.0.10
      ├─ chokidar@npm:^4.0.0 → npm:4.0.3
      ├─ dedent@npm:^1.5.3 → npm:1.6.0
      ├─ es-module-lexer@npm:^1.3.1 → npm:1.7.0
      ├─ exit-hook@npm:2.2.1 → npm:2.2.1
      ├─ fs-extra@npm:^10.0.0 → npm:10.1.0
      ├─ jsesc@npm:3.0.2 → npm:3.0.2
      ├─ lodash@npm:^4.17.21 → npm:4.17.21
      ├─ pathe@npm:^1.1.2 → npm:1.1.2
      ├─ picocolors@npm:^1.1.1 → npm:1.1.1
      ├─ prettier@npm:^2.7.1 → npm:2.8.8
      ├─ react-refresh@npm:^0.14.0 → npm:0.14.2
      ├─ semver@npm:^7.3.7 → npm:7.7.2
      ├─ set-cookie-parser@npm:^2.6.0 → npm:2.7.1
      ├─ valibot@npm:^0.41.0 → npm:0.41.0
      └─ vite-node@npm:3.0.0-beta.2 → npm:3.0.0-beta.2

x yarn info react-router-devtools
└─ react-router-devtools@npm:5.0.6
   ├─ Instances: 1
   ├─ Version: 5.0.6
   │ 
   └─ Dependencies
      ├─ @babel/core@npm:^7.26.10 → npm:7.27.4
      ├─ @babel/generator@npm:^7.26.5 → npm:7.27.5
      ├─ @babel/parser@npm:^7.26.10 → npm:7.27.5
      ├─ @babel/traverse@npm:^7.26.10 → npm:7.27.4
      ├─ @babel/types@npm:^7.26.10 → npm:7.27.6
      ├─ @biomejs/cli-darwin-arm64@npm:^1.9.4 → npm:1.9.4
      ├─ @radix-ui/react-accordion@npm:^1.2.2 → npm:1.2.11
      ├─ @radix-ui/react-select@npm:^2.1.5 → npm:2.2.5
      ├─ @rollup/rollup-darwin-arm64@npm:^4.32.1 → npm:4.42.0
      ├─ @rollup/rollup-linux-x64-gnu@npm:^4.32.1 → npm:4.42.0
      ├─ beautify@npm:^0.0.8 → npm:0.0.8
      ├─ bippy@npm:^0.3.7 → npm:0.3.16
      ├─ chalk@npm:^5.4.1 → npm:5.4.1
      ├─ clsx@npm:^2.1.1 → npm:2.1.1
      ├─ date-fns@npm:^4.1.0 → npm:4.1.0
      ├─ framer-motion@npm:^12.0.6 → npm:12.16.0
      ├─ react-d3-tree@npm:^3.6.4 → npm:3.6.6
      ├─ react-diff-viewer-continued@npm:^4.0.5 → npm:4.0.6
      ├─ react-hotkeys-hook@npm:^4.6.1 → npm:4.6.2
      ├─ react-tooltip@npm:^5.28.0 → npm:5.28.1
      └─ tailwind-merge@npm:^3.0.1 → npm:3.3.0
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.