react 热更新报错:process is not defined

703 阅读1分钟

process is not defined

image.png

出现背景 和 原因:
react18 版本降级到16.x ,导致react-scripts 存在兼容现象

降级版本

image.png

解决办法

1. 方法一

npm install -D react-error-overlay@6.0.9

react-error-overlay 作用

React Error Overlay 是一个用于在开发环境下显示错误覆盖层的工具。它可以帮助你更方便地调试和处理 React 应用程序中的错误。

React Error Overlay 的作用包括:

  1. 错误信息展示:当你的应用程序出现 JavaScript 错误或 React 组件渲染错误时,React Error Overlay 会以浮动的覆盖层的形式显示错误消息和堆栈跟踪。这使得你能够快速定位和诊断错误,并更快地进行修复。
  2. 热替换(Hot Module Replacement)支持:React Error Overlay 还与热替换机制集成 [Something went wrong, please try again later.]

方法二(未尝试)

react-scripts 升级到合适的版本

参考

  1. t.csdnimg.cn/OTSls
  2. github.com/facebook/cr…