Gulpでglobなどの読み込みがうまくいかない

gulpに挑戦しているところなのですが、エラーが出てしまい、どこがおかしいのかわからず困っています。
もし、わかる方いらっしゃれば教えていただきたいです。

ターミナルで表示されたエラーは以下です。

ReferenceError: plumber is not defined
at /Users/ユーザー名/Desktop/ファイル名/gulpfile.js:17:9
at bound (domain.js:415:14)
at runBound (domain.js:428:12)
at asyncRunner (/Users/ユーザー名/Desktop/ファイル名/node_modules/async-done/index.js:55:18)
at processTicksAndRejections (internal/process/task_queues.js:82:9)

gulpfile.jsは以下のように記述しています。

const gulp = require("gulp");
const sass = require("gulp-sass");
const sassGlob = require("gulp-sass-glob");
const notify = require("gulp-notify");
const postcss = require("gulp-postcss");
const autoprefixer = require("autoprefixer");
const cssdeclsort = require("css-declaration-sorter");
const mqpacker = require("css-mqpacker");

gulp.task("default", function() {
  return gulp.watch("scss/**/*.scss", function() {

    return (
      gulp
        .src("scss/**/*.scss")

        .pipe(plumber({errorHandler: notify.onError("Error: <%= error.message %>")}))
        .pipe(sassGlob())

        .pipe(sass({outputStyle: "expanded"}).on("error", sass.logError))

        .pipe(postcss([autoprefixer()]))
        .pipe(postcss([cssdeclsort({order: 'smaccs'})]))
        .pipe(postcss([mqpacker()]))

        .pipe(gulp.dest("www/css"))
    );
  });
});

また、requireの直後に「...」という表示があったりします。(vscode)

例えば、"gulp-sass-glob"の「...」部分にマウスをホバーすると以下のようなメッセージが表示されます。

module "/Users/ユーザー名/Desktop/ファイル名/node_modules/gulp-sass-glob/dist/index"
モジュール 'gulp-sass-glob' の宣言ファイルが見つかりませんでした。'/Users/ユーザー名/Desktop/ファイル名/node_modules/gulp-sass-glob/dist/index.js' は暗黙的に 'any' 型になります。
  Try `npm install @types/gulp-sass-glob` if it exists or add a new declaration (.d.ts) file containing `declare module 'gulp-sass-glob';`ts(7016)

宣言ファイルという箇所が怪しいと思いつつも、色々調べてみたのですがよくわからず、teratailへ投稿することにしました。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

まず言えることが、
エラーの内容は制御ファイルの記述の中に、”plumber”というものは定義されていない、ということです。
gulp-plumberモジュールをインストールしていないのなら、インストールした上で、
gulpfile.jsに、
const plumber = require('gulp-plumber');
を2行目あたりに追加しましょう。
それで解決しなければ、
また、その時に出たエラー文と共に、コメントください。

ちなみに、一番下のエラーですが、アプリケーションによっては、gulp制御上の全てのファイルを包括的にみれていないパターンがあるので、
該当モジュールをインストールしているなら、無視していいでしょう。
ただ、本当に宣言ファイルが存在していないのならば、インストールする必要があります。
合わせてご確認ください。

投稿2019/05/19 15:07