La capture de Browserify erreur d'analyse (option individuelle)

Je suis en utilisant gulp + browserify construire et assembler ma bibliothèque javascript. Maintenant, il y a une chose qui me tracasse: je suis à court d'un simple serveur avec livereload pour le développement via gulp. Cela fonctionne bien, mais dès que mon javascript contient une erreur de syntaxe, browserify déclenche une erreur provoquant l'arrêt du serveur.

La browserify code que j'utilise (à noter que j'ai ajouté un gestionnaire d'erreur):

browserify("./src/main.js")
   .bundle({standalone: "SomeName", debug: false}).on('error', notify.onError({
            message: "Error: <%= error.message %>",
            title: "Failed running browserify"
    })
);

Vient maintenant la partie intéressante:
Lorsque je supprime la version autonome de paramètre (et mon js est syntacticaly incorrect), le gestionnaire d'erreur incendies. Cependant, lorsque j'utilise ce réglage autonome, le gestionnaire d'erreur ne se déclenche pas, d'où le serveur lancé par avaler de l'arrêt)

Quelqu'un sait comment résoudre ce problème? Je pourrais toujours manuellement valider mes fichiers js dans le gulp, mais éviter cette solution de contournement

InformationsquelleAutor Laurens Rietveld | 2014-04-18
  1. 59

    La on('error') événement est déclenché. Cependant, browserify stream est un peu différent des autres Gulp flux. Dans le gestionnaire d'erreur de la fonction de browserify, vous avez besoin d'appeler explicitement this.emit("end")

    Un exemple gulp tâche

    var browserify = require('browserify');
var gulp = require('gulp');
var source = require("vinyl-source-stream");
var reactify = require('reactify');

gulp.task('browserify', function(){
  //create new bundle
  var b = browserify();
  //add transform if you want
  b.transform(reactify);
  //add file to browserify
  b.add("./src/main.js");
  //start bundling
  return b.bundle()
    .on('error', function(err){
      //print the error (can replace with gulp-util)
      console.log(err.message);
      //end this stream
      this.emit('end');
    })
    .pipe(source('main.js'))
    //pipe other plugin here if you want
    .pipe(gulp.dest('./dist'));
});

    l'erreur de fonction de gestionnaire empêche gulp à partir de la plante, this.emit("end") arrête le flot courant, de ne pas le laisser courir à la prochaine tuyaux. Le gestionnaire d'événements peut également prendre d'erreur dans la transformation du plugin.

    Pour plus d'informations, vous pouvez lire ici http://truongtx.me/2014/07/15/handle-errors-while-using-gulp-watch/

    • Lorsque j'utilise cette approche, " gulp.montre' arrête la mise à jour après le premier échec se produit, même si la source du problème est corrigé. Est-il un moyen pour éviter d'interrompre la montre?
    • Essayez this.emit("end") au lieu de this.end() - a fonctionné pour moi.
    • Si cette réponse a été mis à jour; ce.emit('fin') semble être la voie à go au lieu de cela.fin()
    • Non, ne fonctionne pas pour moi. J'ai cette this.emit('end'); mais c'est inutile, le processus encore fige l'erreur se produit.
    • Pour toute personne ayant des erreurs en disant this.emit n'est pas une fonction, assurez-vous que vous n'êtes pas à l'aide de la flèche fonctions...this se comporte de façon très différente à l'intérieur (découvert à la dure)
    • Cela devrait-il être mis à jour pour utiliser this.destroy()? Introduit dans Node.js 8 nodejs.org/api/stream.html#stream_readable_destroy_error

    InformationsquelleAutor tmtxt
  2. 2

    Que personne n'a posté une réponse (n'hésitez pas à me corriger si vous avez une meilleure solution!), voici la solution que j'ai ajouté pour obtenir mon cas d'utilisation de travail. J'ai bien compris le prévu Gulp version (v4) auront un meilleur support pour la gestion des erreurs, éventuellement la résolution de cette question. Cependant, pour l'instant j'utilise le js validateur 

    var jsValidate = require('gulp-jsvalidate');
var notify = require("gulp-notify");
gulp.task('browserify', function() {
    gulp.src("./src/*.js").pipe(jsValidate()).on('error', notify.onError({
            message: "Error: <%= error.message %>",
            title: "Failed running browserify"
        })).on('finish', function(){
            browserify("./src/main.js")
            .bundle({standalone: "SomeName", debug: true}).on('error', notify.onError({
                message: "Error: <%= error.message %>",
                title: "Failed running browserify"
              }))
        .pipe(source('output.js'))
    });
});
    InformationsquelleAutor Laurens Rietveld
  3. 1

    Après la recherche d'une solution qui ne tombe pas en panne gulp et continue à regarder/livereload même si browserify transforme crash, j'ai enfin trouvé un. J'ai écrit un petit billet de blog à ce sujet:

    http://latviancoder.com/story/error-handling-browserify-gulp

    InformationsquelleAutor Sergejs Rižovs
  4. 1

    Voici le code qui empêche gulp tâche à partir de la plante en cas de regroupement des erreurs. C'est une version légèrement modifiée du code de @tmtxt a posté. Le problème que j'ai eu avec sa version a été que " gulp.montre' arrêté la mise à jour après la première panne.

    var browserify = require('browserify');
var gulp = require('gulp');
var source = require("vinyl-source-stream");

gulp.task('browserify', function () {
    browserify(paths.src.client.app)
    .bundle()
    .on('error', function(err){
        console.log(err.message);
    })
    .pipe(source(paths.dest.client.bundle))
    .pipe(gulp.dest(paths.dest.client.scripts));
});

gulp.task('watch-browserify', function () {
    gulp.watch([paths.src.client.scripts], ['browserify'])
});
    InformationsquelleAutor Janusz Kacalak
  5. 1

    Bien, Parce que je ne pouvais pas trouver toutes les solutions qui continueront à regarder gulp fichier avec browserify, je résoudre ce

    var exec = require('child_process').exec;
var fs = require('fs');
//watching changes from watchFile command
fs.watchFile('prim.js',[ { interval: 100 }] , function (curr, prev) {
//running cli command on change
  exec('powershell.exe -Command "browserify prim.js -o main.js"', function(err, stdout, stderr) {
    console.log(stdout);
  })
  .stdin.end();
});

    Il suffit d'ajouter une helper.js (le nom que vous voulez) de fichier dans votre répertoire courant, définir des chemins d'accès, et exécuter ce fichier dans le nœud de CLI. Vous n'avez même pas besoin d'installer browserify localement si vous l'avez dans le monde. Espérons que cette aide.

    InformationsquelleAutor IGRACH