mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
5fcb49632e
* Introduce better debug error handling With this we are rendering runtime and debug errors inside a it's own error root. That gives us better error handling and control. Also, now we are patching React core to capture runtime errors. * Render the initial error on the server.
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
import evalScript from '../lib/eval-script'
|
|
import ReactReconciler from 'react-dom/lib/ReactReconciler'
|
|
|
|
const { __NEXT_DATA__: { errorComponent } } = window
|
|
const ErrorComponent = evalScript(errorComponent).default
|
|
|
|
require('react-hot-loader/patch')
|
|
|
|
const next = window.next = require('./')
|
|
|
|
const emitter = next.default()
|
|
|
|
// This is a patch to catch most of the errors throw inside React components.
|
|
const originalMountComponent = ReactReconciler.mountComponent
|
|
ReactReconciler.mountComponent = function (...args) {
|
|
try {
|
|
return originalMountComponent(...args)
|
|
} catch (err) {
|
|
next.renderError(err)
|
|
err.abort = true
|
|
throw err
|
|
}
|
|
}
|
|
|
|
let lastScroll
|
|
|
|
emitter.on('before-reactdom-render', ({ Component }) => {
|
|
// Remember scroll when ErrorComponent is being rendered to later restore it
|
|
if (!lastScroll && Component === ErrorComponent) {
|
|
const { pageXOffset, pageYOffset } = window
|
|
lastScroll = {
|
|
x: pageXOffset,
|
|
y: pageYOffset
|
|
}
|
|
}
|
|
})
|
|
|
|
emitter.on('after-reactdom-render', ({ Component }) => {
|
|
if (lastScroll && Component !== ErrorComponent) {
|
|
// Restore scroll after ErrorComponent was replaced with a page component by HMR
|
|
const { x, y } = lastScroll
|
|
window.scroll(x, y)
|
|
lastScroll = null
|
|
}
|
|
})
|