Next.js - 是否可以调试 getServerSideProps？

Question

您好，按照文档 getServerSideProps是仅在服务器端执行的函数。

export async function getServerSideProps(context) {
  console.log("hello world");
  debugger;
  return {
    props: {
      age:55
    }, // will be passed to the page component as props
  }
}

因此，简单地删除调试器关键字是行不通的。
我试过了:

将 node.js 调试器连接到端口 9229

运行 node --inspect-brk ./node_modules/next/dist/bin/next

运行 cross-env NODE_OPTIONS='--inspect' next dev

但都没有 console.log() 也不是 调试器 关键字似乎有任何效果。
但是，我的 getServerSideProps Prop 被正确传入，这证明调用了该函数。
是否可以逐步执行 getServerSideProps 或至少让 console.log 工作？谢谢!
附言
getServerSideProps 之外的代码行是可调试的并且按预期工作。

Answer 1

为了使打开调试端口正常打开，您需要执行以下操作:

// package.json scripts
"dev": "NODE_OPTIONS='--inspect' next dev"
// if you want custom debug port on a custom server
"dev": "NODE_OPTIONS='--inspect=5009' node server.js",

一旦调试端口是自己的，你应该可以使用 inspector clients你的选择。