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

188
Vistas
¿Cómo configuro mi react-hot-loader para que reaccione a los cambios al instante?

Estoy construyendo un servidor de estilo 'Hello World' muy simple usando MongoDB, React, Babel, Node.js, Webpack, Express y un par de otros módulos de software. Puedo construir, compilar y ejecutar dicho servidor, pero el cargador en caliente nunca actualiza el DOM. No recibo errores en mi terminal y, por lo demás, mi servidor funciona bien, pero en la consola de mi navegador obtengo lo siguiente:

 Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'". at Object../node_modules/webpack-hot-middleware/client.js?reload=true (bundle.js:1197:1) at __webpack_require__ (bundle.js:726:30) at fn (bundle.js:101:20) at Object.0 (bundle.js:1287:1) at __webpack_require__ (bundle.js:726:30) at bundle.js:793:37 at bundle.js:796:10

Mis dependencias que no son de desarrollo asociadas con el cargador en caliente y enumeradas en mi paquete.json son las siguientes (se requerían versiones desactualizadas para el servidor que estoy creando, aunque nunca me dijeron por qué):

-Nodo: 13.12.0
-NPM: 6.14.4
-@cargador-caliente/reaccionar-dom: 16.13.0
-Expreso: 4.17.1
-MongoDB: 3.5.5
-Reaccionar: 16.13.1
-Reaccionar-DOM: 16.13.1
-React-hot-loader: 4.12.2

El cargador exporta mi módulo const (HelloWorld), pero solo una vez y nunca lo actualiza si cambio el texto de alguna manera. ¿Hay un simple error que estoy cometiendo? Estaría encantado de proporcionar más código si es necesario.

Mi HelloWorld.js , responsable de la exportación:

 import { hot } from 'react-hot-loader' import React from 'react' const HelloWorld = () => { return ( <div> <h1>Hello World!</h1> </div> ) } export default hot(module)(HelloWorld)

Aquí está mi main.js , responsable de representar elementos en la raíz:

 import { hot } from 'react-hot-loader' import React from 'react' import { render } from 'react-dom' import HelloWorld from './HelloWorld' render(<HelloWorld/>, document.getElementById('root'))

¿Qué debo incluir en HelloWorld o Main que permita que mi cargador en caliente actualice mi página en tiempo real lo más rápido posible? Gracias por su tiempo y pido disculpas si mi pregunta es desordenada o confusa. A menudo tengo problemas para hablar concisamente.

about 4 years ago · Juan Pablo Isaza
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