12
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

gulpの導入から実行までにハマったためメモ

Last updated at Posted at 2019-04-07

初めての記事更新。
仕事でgulpを導入する際にハマったため自分用にメモ。

環境

  • homebrew nodebrewはインストール済

こちら参考にしました。ありがとうございました:relaxed:
Node.jsをMacにインストール!(Homebrew→Nodebrew→Node.js順にインストール)

gulpのインストール(グローバル)

$ sudo npm install -g gulp

パスワードを入力してバージョンの確認

$ gulp -v
CLI version 2.1.0
Local version 4.0.0

できてた(⌒▽⌒)

package.jsonの作成

$ npm init

一旦全部yesで進めた

package name: (gulp-test)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)

gulpのインストール(プロジェクト内)

$ sudo npm i -D gulp

実行してみる

$ gulp
Error: Cannot find module 'gulp-sass'

モジュールがないって怒られた。

sudo npm install --save-dev gulp-sass@2

入れた!!!
もう一回実行してみる

AssertionError [ERR_ASSERTION]: Task function must be specified

エラーが出た。
調べてみるとgulpのバージョン4で変更点があるらしい

gulp v4.0.0がプレリリース! 移行方法と変更点まとめ

ここに詳しく書いてあった:relaxed:
gulpfile.jsの記法がバージョン3の時の書き方だったからエラーが起きたみたい。
一旦、gulpのバージョンを3.9.1に下げてみた。

$ sudo npm install --save-dev gulp@3.9.1

実行してみた。

$ gulp

gulp動いた\(^o^)/

以上、メモでした。

追記(2019/10/07)

5月末にgulp4にアップデートしたよ。(超今更)
また自分用のメモがてら、(多分)更新します。

12
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?