如何使用WebStorm调试NextJS React应用程序?

我正在尝试使用WebStorm IDE调试器调试NextJS React应用程序。我尝试使用JavaScript配置,但这似乎不起作用-当我使用Node配置时也是如此。

使用WebStorm调试NextJS React应用程序的正确步骤是什么?

番长樱梅2020/03/23 14:42:14

以下步骤对我有用:

  • 用next(npm run dev或任何启动脚本的样子)启动应用程序
  • 添加断点,创建JavaScript Debug运行配置,指定http://localhost:3000URL
  • 调试

如果您想调试在服务器端执行的代码,建议您使用Node.js运行配置,并将其node_modules\next\dist\bin\next指定为Javascript文件:

在此处输入图片说明

然后,您可以调试Node.jsJavascript Debug运行配置,以调试服务器端和客户端代码。