0
252
Viewsprocess is not defined on hot reload
I have a react app made with create react app, and hot reloading kills the page entirely with the error:
Uncaught ReferenceError: process is not defined
What's strange is that there seems to be an iframe injected which I never noticed before:
This iframe is added to the DOM as soon as I reload and breaks the page as well as preventing an update. I can't find any documentation on "iframe-bundle.js" online.
Edit: I tried deleting my node modules and any questionable imports (I temporarily installed craco prior). Still the same issue. It's incredibly annoying!
Edit 2: If I delete that iframe everything seems to return to normal, i.e. page updates and is interactable
3 answers
Answer question0
Upgrading your application to CRA (react-scripts) v5 with npm i react-scripts@latest will fix the issue.
If your app is not able to be upgraded because dependencies are incompatible or you require node version < 14, you can try the following workaround which worked for me:
- Revert back to CRA 4:
npm i --save-exact react-scripts@4.0.3 - Add react-error-overlay as a dev dependency:
npm i --save-dev react-error-overlay@6.0.9 - Then add the following line to your package.json
"resolutions": {
"react-error-overlay": "6.0.9"
},
If you're using
NPM, force your package-lock.json file to actually use 6.0.9 withnpx npm-force-resolutionsIf you're using
Yarn, just runyarn installand your resolutions will be applied and fix the issue
More info at https://github.com/facebook/create-react-app/issues/11773
0
I fixed it. I did 2 things:
- Updated npm to latest
- Updated react-scripts to latest
Not sure which one fixed it.
0
I recently had this issue aswell. I did couple of things to make it work. You can try these aswell.
Change the react-script version to 4.0.3 inside package.json.
Add this to package.json, below the dependencies.
"resolutions": { "react-error-overlay": "6.0.9" },
Install react-error-overlay v6.0.9 inside your devDependencies.
Remove your node_modules and package-lock.json.
Do npm install and check that works.
Note: After doing the above steps I had to run npm install react-error-overlay@6.0.9 again to fix this issue.