如何解决为什么断点在nextjs类中永远不起作用?
我遵循了文档https://nextjs.org/docs/advanced-features/debugging
中的nextjs调试指南断点可以与功能组件一起工作,但绝不能在类内部工作。 例如在这段代码中
import React from 'react'
class Index extends React.Component {
constructor(props) {
super(props)
this.state = {
number: 1
}
this.handeClick = this.handeClick.bind(this)
}
handeClick() {
// breakpoint here
debugger;
this.setState({number: this.state.number + 1})
}
render() {
return(
<div>
<button onClick={this.handeClick}>{'Click me!' + this.state.number}</button>
<Test></Test>
</div>
)
}
}
export default Index
根本不会触发断点,为什么? 我很抱歉是否已经有人问过
解决方法
您首先在节点服务器上完成绘制。因此您需要传递--inspect
标志来调试应用程序。
请参考:nextjs debugging,nodejs debugging
好吧,我很傻,vscode仅断点是服务器端节点断点,而不是客户端,因为我需要使用Firefox!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。