问题描述
我一直在尝试通过标记NextJS
来调试breakpoint
中的服务器端代码。我在开发中使用VSCode
。
最初,我的launch.json
就是这样。
{
"version": "0.2.0","configurations": [
{
"type": "chrome","request": "launch","name": "Launch Chrome against localhost","url": "http://localhost:3000","webroot": "${workspaceFolder}"
}
]
}
这很好用;但是,它不会遇到任何服务器端代码,例如getStaticProps
,getStaticPaths
和getServerSideProps
。
我发现this博客文章相信可以解决我的问题。因此,我在package.json
中添加了一个脚本,并修改了launch.json
。所以现在看起来像这样
package.json
{
"scripts": {
"debug": "node --inspect-brk ./node_modules/next/dist/bin/next"
}
}
launch.json
{
"version": "0.2.0","webroot": "${workspaceFolder}"
},{
"type": "node","name": "Launch Next.js","runtimeExecutable": "npm","runtimeArgs": [
"run-script","debug"
],"port": 3000
}
],"compounds": [
{
"name": "Debug Next.js + Chrome","configurations": [
"Launch Next.js","Launch Chrome against localhost"
]
}
]
}
因此,当我尝试运行此命令时,我的Launch Next.js
配置出现错误。
我相信这是因为我指向的端口不正确。我尝试搜索NextJS
服务器端部分的默认端口。但是我找不到一个。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)