reactjs - 如何在浏览器中记录错误(错误 View )而不是 React 中的空白屏幕

标签 reactjs error-handling

我有一个 React 应用程序,它不是使用 create-react-app 创建的。我想添加一个错误处理功能,但我不知道如何:

当出现错误时,不是在控制台中出现空白页面和错误,在开发中,我如何在 React 应用程序中启用此功能 它在哪里显示浏览器中的错误堆栈?

我是否必须为其编写代码,或者有一个我可以启用的 react 配置,或者我应该使用一个库来实现它吗?

React application, error stack in browser

编辑:

上图是我希望在出现错误时在浏览器中看到的错误报告。这不是我要解决的错误。

最佳答案

尝试 Error Boundaries .将它们添加到您的根级别以捕获其中的所有错误。

关于reactjs - 如何在浏览器中记录错误(错误 View )而不是 React 中的空白屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61896433/

相关文章:

php - 包含的PHP @运算符不会禁用error_reporting

C++:cout 语句使我的程序失控?

reactjs - 为什么我的 State 值无法使用 React 中的计时器进行更新?

javascript - getInitialProps 不适用于异步函数

c# - 使用 WebClient.DownloadFileAsync 时如何处理异常

node.js - Express.js 中的自定义错误处理

javascript - React-router 组件不会在 <Link> 导航上更新

javascript - 在同构 React 应用程序中,有哪些减少 FID(首次输入延迟)的好方法?

javascript - 如果函数中设置了间隔,如何清除函数组件中的间隔?

javascript - Ajax POST错误(400错误请求)