代码之家 › 专栏 › 技术社区 › MD Jahid Hasan

如何使用WebStorm调试NextJS的TypeScript服务器端代码?

app-route webstorm next.js debugging typescript

1

MD Jahid Hasan · 技术社区 · 1 年前

如何在WebStorm中调试NextJS API。此外,我正在使用TypeScript和应用程序路由,因为使用调试API非常困难 console.log() .

1 回复 | 直到 1 年前

1

你可以这样做:

打开 Run > Edit Configurations... 对话框。
单击 + 按钮添加新配置,然后选择 Node.js .
给您的配置一个有意义的名称,例如使用Yarn调试Next.js。
在 Working directory ,选择Next.js项目的根目录。
对于 JavaScript file 字段,而不是直接指向文件,您将使用Yarn命令。因此,将Node解释器设置为Node.js二进制路径,并在 Node parameters 字段,输入Yarn二进制文件的路径(通常 /usr/bin/yarn 或者简单地 yarn 如果它在您的系统PATH中)。
在 Application parameters 字段,类型 dev 以开发模式运行Next.js。
单击以确认设置 OK .