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

node.js React.js

凯西里

2020-03-23

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

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

第2862篇《如何使用WebStorm调试NextJS React应用程序？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
番长樱梅 2020.03.23

以下步骤对我有用：

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

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

在此处输入图片说明

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android