การใช้ node-inspector กับงาน Grunt

มีใครใช้ตัวตรวจสอบโหนดกับGruntสำหรับการดีบักแอปพลิเคชันหรือไม่ ถ้าไม่คุณสามารถแนะนำเครื่องมือดีบั๊กสำหรับแอพที่ใช้ Grunt ได้ไหม

ฉันทำงานกับnodejsสำหรับแอปฝั่งเซิร์ฟเวอร์และฉันมีGrunt ที่จะใช้งานที่แยกจากกัน (เนื่องจากผู้ใช้สามารถดำเนินการงานแยกกันได้)

ในการรันคำรามในการดีบักคุณต้องส่งสคริปต์ฮึดฮัดไปยังโหนดอย่างชัดเจน:

node-debug $(which grunt) task

และวางdebugger;สายในงานของคุณ node-inspectorจากนั้นจะเปิดเบราว์เซอร์พร้อมเครื่องมือแก้ไขจุดบกพร่อง

แก้ไข 28 ก.พ. 2557

node-inspectorได้เพิ่มคำสั่งnode-debugซึ่งเปิดโหนดใน--debugสถานะและเปิดเบราว์เซอร์ไปยังnode-inspectorเพจหยุดเมื่อถึงdebuggerบรรทัดแรกหรือตั้งเบรกพอยต์

แก้ไข 30 มกราคม 2558

บน Windows สิ่งต่าง ๆ มีความซับซ้อนมากขึ้น ดูคำตอบจาก @ e.gluhotorenko สำหรับคำแนะนำ

โซลูชัน Windows

วิ่ง

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

จาก cmd ในไดเรกทอรีด้วยGruntfile.jsไฟล์. อย่าลืมวางdebugger;สายในสถานที่ที่จำเป็น

ในการดีบักเราต้องแก้ไขไฟล์ฮึดฮัดภายใต้ bin บนเครื่องของฉันคำรามถูกติดตั้งทั่วโลกดังนั้นฉันจึงไปที่ / usr / local / lib / node_modules / grunt / bin ฉันเปิดไฟล์และแก้ไข:

#!/usr/bin/env node

ถึง

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

--debug-brk จะหยุดทำงานในบรรทัดแรกของจาวาสคริปต์ที่รัน

การทำเช่นนั้นเพียงอย่างเดียวนั้นไม่เพียงพอเนื่องจากคุณจะไม่พบไฟล์ js ที่คุณกำลังทำงานหนักในรายการแบบเลื่อนลงในตัวตรวจสอบโหนดดังนั้นคุณต้องแก้ไขไฟล์ที่คุณสนใจในการดีบักโดยเพิ่มdebugger;ที่ คุณต้องการให้เบรกพอยต์เกิดขึ้น ตอนนี้คุณสามารถคลิกดำเนินการต่อหลังจากหยุดพักแรกแล้วคุณจะเข้าdebugger;แถว

ค่อนข้างแย่ แต่มันเป็นวิธีเดียวที่ฉันพบจนถึงตอนนี้

ฉันเพิ่งสร้าง grunt-node-inspector เพื่อกำหนดค่า node-inspector อย่างง่ายดายด้วยเวิร์กโฟลว์ที่เหลือของคุณลองดูที่: https://github.com/ChrisWren/grunt-node-inspector

นี่คือส่วนของ Gruntfile ซึ่งแสดงให้เห็นว่าคุณสามารถดีบักงานฮึดฮัดได้อย่างไรโดยใช้ grunt-node-inspector, grunt-concurrent และ grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile js # L44-L77

ฉันได้ทำงานเพื่อเรียกใช้แอพของฉันและเปิดตัวตรวจสอบโหนด มันดีกว่าประพจน์ปัจจุบันมากเพียงแค่เพิ่มงานนี้ใน 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');
    });

คำตอบที่ดีที่นี่ ในปี 2560 ตอนนี้คุณทำได้

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

เปิด URL นั้นใน chrome เท่านี้ก็เรียบร้อย!

ฉันใช้ Node 7.3.0 และใช้ Mac คุณอาจต้องทำตามคำแนะนำในโพสต์อื่น ๆ เพื่อให้ใช้งานได้บน Windows

อัปเดต 2019

• หากคุณต้องการเปิดงานฮึดฮัดในโหมดดีบักและหยุดที่บรรทัดแรก:

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

• หากคุณต้องการเรียกใช้งานฮึดฮัดในโหมดดีบักที่พอร์ตเฉพาะ:

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

• หากคุณต้องการแนบ VSCODE เข้ากับกระบวนการโหนดที่รันเซสชันการดีบักของฮึดฮัดให้ใช้การกำหนดค่าต่อไปนี้ใน 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
    }
  ]
}