Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

491
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

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 Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda