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:10Mis 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.