jsのエラー箇所を表示させる方法

Question

gulpのbabelを使い始めました。
jsファイルに誤りがあるとエラー表示もなくスルーされてしまいます。
（jsファイルに誤った記述がなければ普通にトランスパイルできます）
エラー箇所を表示させる方法はないでしょうか。
よろしくお願いします。

node　v8.11.1
npm　6.10.2
gulp　Local version: 3.9.1

var gulp = require('gulp');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var sourcemaps = require('gulp-sourcemaps');
var babel = require('gulp-babel');

gulp.task('babel', () => {
    return gulp.src('es6/*.js')
        .pipe(babel({
            presets: ['@babel/preset-env']
        }))
        .on("error", err => { gutil.log("Browserify Error", gutil.colors.red(err.message)) })
        .pipe(gulp.dest('js'));
});

gulp.task('default', function () {
  gulp.watch('./es6/*.js', ['babel']);
});

Answer 1

エラー表示を行いたいだけなら、6行目を

.on("error", err => { gutil.log("Browserify Error", gutil.colors.red(err.message)); console.log(err.message) })

のようにすればいいと思います。

ただ、本来は console.log を追加するのではなく、gutil.log の部分を正しく動作するように書き直すか、gutil.log を消して console.log に書き換えるか、別のパッケージを使用したログ表示に変えるかするべきです。
ですが、この質問には使っているパッケージのバージョンどころか require文すら提示されておらず gutil が何のパッケージかも不明です。
おそらく gutil はこれと同名のパッケージのことだと思うので、gutil.log を消すというやり方で問題ないとは思うのですが、判断できません。

追記

gutil が何のパッケージかわからないままですが、おそらく同名のパッケージだと仮定して調べてみて、原因がわかりました。
結論としては、gutil.log を使っている行を次のように書き換えるとうまくいくと思います。

.on("error", err => { gutil.log("Browserify Error", err.message) })

本来この行でエラー内容を出力するはずが、gutil.colors.red で別のエラーが発生してしているのだと思います。
gutil.colors が使えるようになるパッケージをインストールし忘れているのか、gutil のバージョンアップで gutil.colors の機能が削除されたのか等は調べていませんが、何にせよ gutil.colors.red でエラーが発生しているのが原因だと思われます。

Comments

[sanco]

ご回答ありがとうございます。
また、色々と情報が不足しており申し訳ありませんでした。
バージョンは下記になります。
node　v8.11.1
npm　6.10.2

またrequireは、下記になります。
var gulp = require('gulp');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var sourcemaps = require('gulp-sourcemaps');
var babel = require('gulp-babel');

sass用に色々入れておりまして、とりあえず関係ありそうなものをピックアップしました。
不足があれば、またご指摘いただけますと幸いです。

[sanco]

ありがとうございます！！
追記いただいた内容を参考に処理したところ、無事エラーメッセージが表示されました。
ご指摘の通りgutilに問題があったようで、再インストールで解決できました。
本当にありがとうございました。