Sử dụng trình kiểm tra nút với các tác vụ Grunt

Có ai đó đã sử dụng trình kiểm tra nút với Grunt để gỡ lỗi ứng dụng không? Nếu không, bạn có thể giới thiệu một công cụ gỡ lỗi cho các ứng dụng dựa trên Grunt không?

Tôi đang làm việc với nodejs cho một ứng dụng phía máy chủ và tôi có Grunt để sử dụng các tác vụ riêng biệt (điều này là do người dùng có thể thực thi các tác vụ riêng biệt).

Để chạy grunt trong gỡ lỗi, bạn cần chuyển tập lệnh grunt tới nút một cách rõ ràng:

node-debug $(which grunt) task

và đặt một debugger;dòng trong nhiệm vụ của bạn. node-inspectorsau đó sẽ mở một trình duyệt với các công cụ gỡ lỗi.

Chỉnh sửa ngày 28 tháng 2 năm 2014

node-inspectorđã thêm lệnh node-debug, lệnh khởi chạy nút ở --debugtrạng thái và mở trình duyệt đến node-inspectortrang, dừng khi nó chạm vào debuggerdòng đầu tiên hoặc đặt điểm ngắt.

Chỉnh sửa ngày 30 tháng 1 năm 2015

Trên Windows, mọi thứ phức tạp hơn. Xem câu trả lời từ @ ví dụ :luhotorenko để biết hướng dẫn.

Giải pháp Windows

Chạy

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

từ cmd trong thư mục với của bạn Gruntfile.js. Đừng quên đặt debugger;dòng ở những nơi cần thiết.

Để gỡ lỗi, chúng tôi phải sửa đổi tệp grunt trong bin. Trên máy tính của tôi, grunt được cài đặt toàn cầu, vì vậy tôi đã truy cập / usr / local / lib / node_modules / grunt / bin, tôi đã mở tệp và sửa đổi:

#!/usr/bin/env node

Đến

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

--debug-brk sẽ ngắt trên dòng đầu tiên của javascript được chạy.

Tuy nhiên, chỉ làm điều đó thôi là chưa đủ, vì bạn sẽ không thể tìm thấy tệp js nhiệm vụ của mình đang grunt trong trình đơn thả xuống trong trình kiểm tra nút, vì vậy bạn phải sửa đổi tệp mà bạn muốn gỡ lỗi bằng cách thêm vào debugger;đâu bạn muốn điểm ngắt xảy ra. Bây giờ bạn có thể nhấp vào tiếp tục sau lần ngắt đầu tiên và bạn sẽ phá vỡ debugger;dòng của mình

Khá kludgy, nhưng đó là cách duy nhất tôi tìm thấy cho đến nay.

Gần đây, tôi đã tạo grunt-node-ins Inspector để dễ dàng định cấu hình node-ins Inspector với phần còn lại của quy trình làm việc grunt của bạn, hãy kiểm tra: https://github.com/ChrisWren/grunt-node-ins Inspector

Đây là một phần của Gruntfile minh họa cách bạn có thể gỡ lỗi một tác vụ grunt bằng cách sử dụng grunt-node-ins Inspector, grunt-concurrent và grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Tôi đã thực hiện một nhiệm vụ để chạy ứng dụng của mình và khởi chạy trình kiểm tra nút. Nó tốt hơn nhiều so với mệnh đề hiện tại, bạn chỉ cần thêm tác vụ này vào 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');
    });

Câu trả lời tuyệt vời ở đây. Trong năm 2017, bây giờ bạn có thể làm

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

Mà in cái gì như thế.

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

Mở URL đó trong chrome và bạn đã sẵn sàng!

Tôi đang sử dụng Node 7.3.0 và tôi đang sử dụng Mac. Bạn có thể phải làm theo một số lời khuyên trong các bài viết khác để làm cho nó hoạt động trên Windows.

Cập nhật năm 2019

• Nếu bạn muốn khởi chạy tác vụ grunt ở chế độ gỡ lỗi và ngắt ở dòng đầu tiên:

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

• Nếu bạn muốn khởi chạy tác vụ grunt ở chế độ gỡ lỗi tại một cổng cụ thể:

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

• nếu bạn muốn gắn VSCODE vào tiến trình nút đang chạy phiên gỡ lỗi của grunt, hãy sử dụng cấu hình sau trong 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
    }
  ]
}