質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

解決済

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

kadot
kadot

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

1回答

0評価

0クリップ

2562閲覧

投稿2019/05/19 09:56

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へ投稿することにしました。
よろしくお願いします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。