Grunt görevleriyle düğüm denetçisini kullanma

Birisi uygulama hata ayıklaması için Grunt ile düğüm denetçisini kullanıyor mu? Değilse, Grunt tabanlı uygulamalar için bir hata ayıklama aracı önerebilir misiniz?

Ben ile çalışıyorum nodejs bir sunucu tarafı uygulaması için ve ben Grunt ayrı görevleri kullanmak (kullanıcılar ayrı ayrı görevleri yürütmek çünkü bu).

Hata ayıklamada grunt çalıştırmak için grunt komut dosyasını açıkça düğüme iletmeniz gerekir:

node-debug $(which grunt) task

ve debugger;görevinize bir çizgi koyun . node-inspectordaha sonra hata ayıklama araçları içeren bir tarayıcı açacaktır.

28 Şub 2014 Düzenle

node-inspector, node-debugdüğümü bir --debugdurumda başlatan ve tarayıcıyı node-inspectorsayfaya açan , ilk debuggersatıra ulaştığında durduran veya kesme noktasını ayarlayan komutu ekledi .

30 Ocak 2015

Windows'ta işler biraz daha karmaşıktır. Talimatlar için @ Örnhotorenko'nun cevabına bakın.

Windows çözümü

Çalıştırmak

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

dizindeki cmd'den Gruntfile.js. debugger;Gerekli yerlere sıra koymayı unutmayınız .

Hata ayıklamak için, bin altındaki grunt dosyasını değiştirmeliyiz. Makinemde grunt global olarak kurulu, bu yüzden / usr / local / lib / node_modules / grunt / bin adresine gittim Dosyayı açtım ve değiştirdim:

#!/usr/bin/env node

İçin

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

--debug-brk, javascript ran'ın ilk satırında kırılacaktır.

Bunu tek başına yapmak yeterli değil, çünkü düğüm denetçisindeki açılır menüde grunt task js dosyasını bulamayacaksın, bu yüzden hata ayıklamakla ilgilendiğin dosyayı debugger;nerede ekleyerek değiştirmelisin kesme noktasının gerçekleşmesini istiyorsunuz. Artık ilk aradan sonra devam et'i tıklayabilirsiniz ve ara vereceksiniz.debugger; hattınızı

Oldukça garip, ama şimdiye kadar bulduğum tek yol bu.

Kısa süre önce grunt-node-inspector'ı, grunt iş akışınızın geri kalanıyla kolayca yapılandırmak için grunt-node-inspector'ı oluşturdum, kontrol edin: https://github.com/ChrisWren/grunt-node-inspector

Grunt-node-inspector, grunt-concurrent ve grunt-shell kullanarak bir grunt görevinde nasıl hata ayıklayabileceğinizi gösteren bir Gruntfile bölümü: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Uygulamamı çalıştırmak ve node-inspector'ı başlatmak için bir görev yaptım. Mevcut önermeden çok daha iyi, sadece bu görevi gruntfile'a eklemelisiniz:

  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');
    });

Burada harika cevaplar. 2017'de şimdi yapabilirsiniz

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

Hangi gibi bir şey yazdırır.

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

Bu URL'yi Chrome'da açın ve gitmeniz iyi olur!

Düğüm 7.3.0 kullanıyorum ve Mac kullanıyorum. Windows'ta devam ettirmek için diğer gönderilerdeki bazı tavsiyeleri takip etmeniz gerekebilir.

2019 güncellemesi

• Grunt görevini hata ayıklama modunda başlatmak ve ilk satırda kırmak istiyorsanız:

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

• Grunt görevini belirli bir bağlantı noktasında hata ayıklama modunda başlatmak istiyorsanız:

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

• grunt hata ayıklama oturumunu çalıştıran düğüm işlemine VSCODE eklemek istiyorsanız, vscode'da aşağıdaki yapılandırmayı kullanın:

{
  // 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
    }
  ]
}