node.js - 如何使用 WebStorm 调试 NextJS React 应用程序？

Question

我正在尝试使用 WebStorm IDE 调试器来调试 NextJS React 应用程序。我尝试使用 JavaScript 配置，但这似乎不起作用——当我使用 Node 配置时也没有。

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

Answer 1

以下步骤对我有用:

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

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

然后您可以同时调试 Node.js 和 Javascript Debug 运行配置，以调试服务器端和客户端代码。