0
1.3K
Viewsel proceso no está definido en la recarga en caliente
Tengo una aplicación de reacción creada con la aplicación de reacción creada, y la recarga en caliente mata la página por completo con el error:
Uncaught ReferenceError: process is not definedLo extraño es que parece haber un iframe inyectado que nunca antes había notado:
Este iframe se agrega al DOM tan pronto como recargo y rompe la página, además de evitar una actualización. No puedo encontrar ninguna documentación sobre "iframe-bundle.js" en línea.
Editar: Intenté eliminar mis módulos de nodo y cualquier importación cuestionable (instalé craco temporalmente antes). Sigue siendo el mismo problema. ¡Es increíblemente molesto!
Edición 2: si elimino ese iframe, todo parece volver a la normalidad, es decir, la página se actualiza y se puede interactuar
3 answers
Answer question0
Lo arreglé. Hice 2 cosas:
- Npm actualizado a la última
- Scripts de reacción actualizados a la última
No estoy seguro de cuál lo arregló.
0
Actualizar su aplicación a CRA (react-scripts) v5 con npm i react-scripts@latest solucionará el problema.
Si su aplicación no se puede actualizar porque las dependencias son incompatibles o necesita una versión de nodo < 14, puede probar la siguiente solución que funcionó para mí:
- Volver a CRA 4:
npm i --save-exact react-scripts@4.0.3 - Agregue react-error-overlay como una dependencia de desarrollo:
npm i --save-dev react-error-overlay@6.0.9 - Luego agregue la siguiente línea a su paquete.json
"resolutions": { "react-error-overlay": "6.0.9" },Si está usando
NPM, fuerce su archivo package-lock.json para que use 6.0.9 connpx npm-force-resolutionsSi está utilizando
Yarn, simplemente ejecute layarn instally sus resoluciones se aplicarán y solucionarán el problema.
Más información en https://github.com/facebook/create-react-app/issues/11773
0
Recientemente también tuve este problema. Hice un par de cosas para que funcione. Puedes probar estos también.
Cambie la versión de react-script a 4.0.3 dentro de package.json.
Agregue esto a package.json, debajo de las dependencias.
"resoluciones": { "superposición de error de reacción": "6.0.9" },
Instale react-error-overlay v6.0.9 dentro de sus devDependencies.
Elimina tus node_modules y package-lock.json.
Ejecute la instalación de npm y verifique que funcione.
Nota: Después de realizar los pasos anteriores, tuve que ejecutar npm install react-error-overlay@6.0.9 nuevamente para solucionar este problema.