在开发模式下禁用错误覆盖

Question

有没有办法在开发模式下运行create-react-app时禁用错误覆盖？

这是我讲的叠加：

我问这是因为在我的应用程序中使用IM误差界限（React 16 Error Boundaries）显示错误消息的组件时崩溃，但错误覆盖弹出并覆盖我的消息。

Answer 1

我们不提供一个选项来禁用发展的错误覆盖。 错误边界并没有取代它（它们是为了生产使用）。

既没有发展错误覆盖和你的错误边界的伤害，如果您想查看错误界限，只需按[escape]即可。

我们觉得错误覆盖为您典型的错误边界（源代码，点击打开等）提供了巨大的价值。 当我们探索启用热组件重新加载作为所有用户的默认行为时，这也至关重要。

如果您对强制禁用覆盖层感兴趣，则需要从react-scripts弹出，并停止使用webpackHotDevClient。一种不那么干扰的方法可能是删除由window覆盖层安装的error事件监听器。

Answer 2

我有同样的问题，我一直在挖掘create-react-app源码很长一段时间。我找不到任何禁用它的方法，但可以删除它放置的监听器，这有效地阻止了错误消息。打开developerconsole并选择html标签。在那里，你可以删除错误和unhandleError.js放置的unhandlerejection事件监听器。您也可以通过单击屏幕右上角的x关闭错误消息，然后您应该看到您的消息。

Answer 3

在config/webpack.config.dev.js，注释掉entry阵列

require.resolve('react-dev-utils/webpackHotDevClient'), 

以下行，并取消这两个：

require.resolve('webpack-dev-server/client') + '?/', 
require.resolve('webpack/hot/dev-server'),