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

你可以这样做:

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