Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

490
Vistas
habilite la recarga en caliente para el proyecto vite react en lugar de recargar la página

Soy nuevo en vite y acabo de comenzar una nueva aplicación de reacción. Mi proyecto tenía habilitado hmr (reemplazo de módulo en caliente) y estaba bien. Acabo de agregar algunos cambios, pero cuando lo inicio ahora, el hmr está deshabilitado y al agregar un nuevo cambio, el navegador se vuelve a cargar (no se actualiza rápidamente) y en la terminal registra: 12:37:54 PM [vite] page reload src/App.tsx una nueva aplicación de prueba y tiene hmr habilitado y cuando agrego cualquier cambio, registra: 12:35:23 PM [vite] hmr update /src/App.tsx (x2) ¿Puede decirme cómo habilitar? hmr en lugar de recargar la página?

Aquí está mi vite.config.ts para el proyecto que registra la page reload

 import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()] })

y también tsconfig.json para el proyecto que registra la page reload

 { "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "lib": ["DOM", "DOM.Iterable", "ESNext"], "allowJs": false, "skipLibCheck": false, "esModuleInterop": false, "allowSyntheticDefaultImports": true, "strict": false, "forceConsistentCasingInFileNames": true, "module": "ESNext", "moduleResolution": "Node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "react-jsx" }, "include": ["./src"] }
about 4 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

Después de seguir la búsqueda; Encontré este enlace . El problema es que si alguna de las exportaciones se denomina exportaciones como export const foo = 12 , esto romperá hmr. entonces, después de cambiar a export default function FooBar(){} hmr está funcionando.

about 4 years ago · Juan Pablo Isaza Denunciar

0

También encontré este problema, lo que me solucionó fue eliminar el subdirectorio para cada archivo dentro del directorio de páginas.

Mi estructura de carpetas anterior:

 ├── src │ ├── Components │ ├── Pages │ │ ├── Home │ │ │ ├── Home.styled.jsx │ │ │ ├── Index.jsx │ │ ├── About │ │ │ ├── About.styled.jsx │ │ │ ├── Index.jsx

Arreglar

Funcionó cuando cambié mi estructura de carpetas a esto y actualicé mi App.jsx a los archivos directamente:

Así que de esto (./pages/Home/) a (./pages/Home.jsx)

 ├── src │ ├── Components │ ├── pages │ │ ├── Home.jsx │ │ ├── About.jsx
about 4 years ago · Juan Pablo Isaza Denunciar

0

También estaba teniendo este problema y después de leer los documentos con más cuidado, me di cuenta de que solo necesitaba agregar esto a cualquiera de los archivos js/ts de los que vite está al tanto (al que se hace referencia en el archivo index.html) y comenzó a funcionar:

 import.meta.hot
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda