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

187
Visualizações
¿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 à 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