¿Alguien se ha encontrado alguna vez con este problema?
Al usar react-scripts start , todo parece estar bien en la primera carga. Tan pronto como se realiza un cambio en un archivo, todos los eventos del mouse parecen dejar de funcionar (no se puede hacer clic en los botones, las entradas, no hay información sobre herramientas, etc.), aunque el navegador parece actualizarse.
Si actualizo la página, los eventos vuelven a funcionar, hasta que se cambia un archivo.
Esto no es un problema en la producción ya que el observador no está involucrado allí.
¿Algunas ideas?
EDITAR :
He encontrado el problema, pero no estoy seguro de cuál es la solución. Parece que se agrega un iFrame al DOM cuando el observador recarga. Parece que tiene algo que ver con las licencias. El cuerpo dentro del iFrame está vacío pero hay un JS minimizado con un comentario en la línea superior:
/*! Para obtener información sobre la licencia, consulte iframe-bundle.js.LICENSE.txt */
¿Alguien sabe cómo evitar que aparezca este iFrame?
Esto es lo que me solucionó:
npm upgrade react-scriptsNecesita actualizar React-Scripts a la última versión
npm install react-scripts@latestMi solución npm install --save --save-exact react-scripts@5.0.0 luego rm -rf node_module && rm -rf package-lock.json y luego npm install y npm start =)
Esto funciona para mí:
"react-error-overlay": "6.0.9",y agregue la versión de dependencia fija a la sección de resoluciones de su paquete.json:
"resolutions": { "//": "See https://github.com/facebook/create-react-app/issues/11773", "react-error-overlay": "6.0.9" },Actualizar a react-scripts v5 de esa manera hizo que funcionara para mí:
npm i react-scripts@5.0.0