Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

193
Views
¿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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!