下一个JS服务器端默认调试端口

问题描述

我一直在尝试通过标记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}"
        }
    ]
}

这很好用;但是,它不会遇到任何服务器端代码,例如getStaticPropsgetStaticPathsgetServerSideProps

我发现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配置出现错误

Error Image

我相信这是因为我指向的端口不正确。我尝试搜索NextJS服务器端部分的认端口。但是我找不到一个

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)