我已经在我的Pages文件夹中创建了一个自定义_error.js
文件,从而为Next.js应用程序实现了一个自定义错误页面,如文档所述。问题是我从getInitialProps
返回的任何道具都未定义。
因此,我尝试保留自己的自定义_error.js
页面,并将示例代码放入文档中:
import React from 'react'
class Error extends React.Component {
static getInitialProps({ res, err }) {
const statusCode = res ? res.statusCode : err ? err.statusCode : null
return { statusCode }
}
render() {
return (
<p>
{this.props.statusCode
? `An error ${this.props.statusCode} occurred on server`
: 'An error occurred on client'}
</p>
)
}
}
export default Error
仍然没有运气:this.props.statusCode
日志未定义。
问题是我不知道在哪里调试该问题。在我使用getInitialProps
的任何其他页面中,它都可以正常工作。是什么原因导致这种行为的?