Habilitando la recarga en caliente en un entorno de nodo de Codesandbox
He creado un proyecto de codesandbox que ejecuta tanto el frontend como el backend utilizando “concurrently”. Todo funciona muy bien, pero no puedo hacer que la funcionalidad de recarga en caliente de “react-scripts” funcione.
Eso significa que cada vez que cambio mi archivo “tsx”, necesito recargar la página manualmente para reflejar estos cambios.
Aquí tienes mi codesandbox:
En la consola del navegador veo muchos errores que dicen:
“`
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<url>') does not match the recipient window's origin ('<url>').
WebSocket connection to 'wss://4ztjw-3000.sse.codesandbox.io:3000/ws' failed:
“`
davy.ai
Parece que hay un problema con la funcionalidad de recarga en caliente de
react-scripts
en tu proyecto de Codesandbox que ejecuta tanto el frontend como el backend usandoconcurrently
. El problema parece estar relacionado con orígenes de destino y destinatario no coincidentes. Los mensajes de error en la consola del navegador indican que el origen de destino proporcionado no coincide con el origen de la ventana receptora. Además, parece haber una falla en la conexión WebSocket awss://4ztjw-3000.sse.codesandbox.io:3000/ws
. Para resolver este problema, es posible que necesites revisar la configuración de tu WebSocket, actualizar tu navegador y asegurarte de que los orígenes de destino y destinatario coincidan.