Debugging 为什么断点在nextjs类中永远不起作用？

我遵循了文档中的nextjs调试指南

断点确实可以使用Functional组件，但决不能在类内部工作。 例如，在本代码中

从“React”导入React
类索引扩展了React.Component{
建造师（道具）{
超级（道具）
此.state={
编号：1
}
this.handeClick=this.handeClick.bind（this）
}
点击{
//断点在这里
调试器；
this.setState（{number:this.state.number+1}）
}
render（）{
返回(
{'Click me！'+this.state.number}
)  
}
}
导出默认索引

断点根本不会被触发，知道为什么吗？

---

我很抱歉，如果在节点服务器上完成第一次绘制之前，已经有人问过这个问题。因此，您需要通过

--inspect

标志来调试应用程序。

---

请参阅：，

好的，我是哑巴，vscode只断点服务器端节点断点，而不是客户端，为此我需要使用Firefox

我正在使用命令

cross env NODE_OPTIONS='--inspect“next dev

connect to chrome dev tools或vs code debugger。您现在应该可以调试了。此外，断点仍然可以与Functional组件一起使用。我的问题是断点不能与类一起使用