在開發模式下禁用錯誤覆蓋

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'),