将节点检查器与 Grunt 任务一起使用

Question

有人使用node-inspector 和Grunt 进行应用程序调试吗？如果没有，你能推荐一个基于 Grunt 的应用程序的调试工具吗？

我正在为服务器端应用程序使用 nodejs，并且我有 Grunt 使用单独的任务（这是因为用户可以单独执行任务）。

Answer 1

2019 年更新

• 如果你想在调试模式下启动 grunt 任务并在第一行中断：

  node --inspect-brk $(which grunt) taskName

• 如果您想在特定端口以调试模式启动 grunt 任务：

  node --inspect-brk=8080 $(which grunt) taskName

• 如果你想将VSCODE附加到运行grunt调试会话的节点进程，在vscode中使用如下配置：

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    
    {
      "type": "node",
      "request": "attach",
      "name": "Attach by port IP 5656",
      "port": 8080
    }
  ]
}

Answer 2

这里有很好的答案。 2017 年，现在你可以做到了

node --inspect --debug-brk $(which grunt) taskName

打印类似的东西。

To start debugging, open the following URL in Chrome: chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/232652c3-f63c-4b00-8de9-17dfad5db471

在 chrome 中打开该 URL，一切顺利！

我使用的是 Node 7.3.0，我在 Mac 上。您可能必须遵循其他帖子中的一些建议才能使其在 Windows 上运行。

Answer 3

Windows 解决方案

运行

node --debug-brk c:\Users\username\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt taskname

从带有Gruntfile.js 的目录中的 cmd。不要忘记将debugger; 行放在必要的地方。

Answer 4

要在调试中运行 grunt，您需要将 grunt 脚本显式传递给节点：

node-debug $(which grunt) task

并在您的任务中添加debugger; 行。然后node-inspector 将打开带有调试工具的浏览器。

2014 年 2 月 28 日编辑

node-inspector 添加了命令node-debug，该命令以--debug 状态启动节点，并打开浏览器到node-inspector 页面，在遇到第一行debugger 时停止或设置断点。

2015 年 1 月 30 日编辑

在 Windows 上，事情有点复杂。有关说明，请参阅@e.gluhotorenko 的答案。

Answer 5

我最近创建了 grunt-node-inspector 来轻松配置 node-inspector 与您的 grunt 工作流程的其余部分，请查看：https://github.com/ChrisWren/grunt-node-inspector

这是 Gruntfile 的一部分，它说明了如何使用 grunt-node-inspector、grunt-concurrent 和 grunt-shell 调试 grunt 任务：https://github.com/CabinJS/Cabin/blob/master/Gruntfile.js#L44-L77

Answer 6

我已经完成了运行我的应用程序并启动节点检查器的任务。 它比现在的提议要好得多，你只需要在 gruntfile 中添加这个任务：

  grunt.registerTask('debug', 'My debug task.', function() {
        var done = this.async();
        grunt.util.spawn({
            cmd: 'node',
            args: ['--debug', 'app.js'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('node started');
        grunt.util.spawn({
            cmd: 'node-inspector',
            args: ['&'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('inspector started');
    });

Answer 7

要调试，我们必须修改bin下的grunt文件。在我的机器上，grunt 是全局安装的，所以我去了 /usr/local/lib/node_modules/grunt/bin 我打开文件并修改：

#!/usr/bin/env node

到

#!/usr/bin/env node --debug-brk

--debug-brk 将在 javascript 运行的第一行中断。

但仅仅这样做是不够的，因为您将无法在节点检查器的下拉列表中找到您的 grunt 任务 js 文件，因此您必须修改您有兴趣调试的文件通过在您希望断点发生的位置添加debugger;。 现在您可以在第一次休息后点击继续，您将在 debugger; 行休息

相当笨拙，但这是我迄今为止找到的唯一方法。