gulpを動かしたいのですが、ERRが出てしまいます。
gulpを実装中に以下のエラーメッセージが発生しました。
gulpをほとんど使ったことがないのでさっぱりわかりません...
申し訳ありませんがよろしくおねがいいたします。
発生している問題・エラーメッセージ
Error: Cannot find module 'gulp-sass' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:596:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/name/Desktop/DEVELOPMENT/gulp/tasks/sass.js:8:14) at Module._compile (module.js:652:30) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3)
試したこと
以下のURLを確認して、試してみましたがだめでした。
https://qiita.com/amagurik2/items/e908392c47ada97538c5
https://stackoverflow.com/questions/33314607/error-cannot-find-module-gulp-sass
補足情報(FW/ツールのバージョンなど)
環境は、macを使用しています。
他の人がGitにプッシュしたものをクローンしてGulpを動かそうとしたら、正常に作動しませんでした。
node_modulesは正常にインストールできました。
よろしくお願いいたします。
### gulpfile.js の内容は以下になります。
"use strict"; require("./gulp/tasks/dev"); require("./gulp/tasks/build"); require("./gulp/tasks/release");
dev.js
"use strict"; //-------------------------------------------------------------------------------- // パッケージの読み込み //-------------------------------------------------------------------------------- const gulp = require("gulp"); const utils = require("../../utils"); //-------------------------------------------------------------------------------- // 設定ファイルの読み込み //-------------------------------------------------------------------------------- const taskName = require("../configs/task-name.config"); //-------------------------------------------------------------------------------- // タスクの読み込み //-------------------------------------------------------------------------------- const server = require("./browser-sync"); const watch = require("./watch"); const webpack = require("./webpack"); //-------------------------------------------------------------------------------- // タスクの登録 //-------------------------------------------------------------------------------- gulp.task(taskName.dev, () => { server(); watch(); webpack(utils.mode.DEV); });
build.js
"use strict"; //-------------------------------------------------------------------------------- // パッケージの読み込み //-------------------------------------------------------------------------------- const gulp = require("gulp"); const utils = require("../../utils"); //-------------------------------------------------------------------------------- // 設定ファイルの読み込み //-------------------------------------------------------------------------------- const taskName = require("../configs/task-name.config"); //-------------------------------------------------------------------------------- // タスクの読み込み //-------------------------------------------------------------------------------- const clean = require("./clean"); const pug = require("./pug"); const sass = require("./sass"); const webpack = require("./webpack"); const image = require("./image"); const sprite = require("./sprite"); const concat = require("./concat"); const copy = require("./copy"); const iconfont = require("./iconfont"); //-------------------------------------------------------------------------------- // タスクの登録 //-------------------------------------------------------------------------------- gulp.task(taskName.build, async () => { await clean(utils.mode.BUILD); await sprite(); await Promise.all([ pug(utils.mode.BUILD), sass(utils.mode.BUILD), webpack(utils.mode.BUILD), image(utils.mode.BUILD), iconfont(utils.mode.BUILD), concat(utils.mode.BUILD), copy(utils.mode.BUILD) ]); });
release.js
"use strict"; //-------------------------------------------------------------------------------- // パッケージの読み込み //-------------------------------------------------------------------------------- const gulp = require("gulp"); const utils = require("../../utils"); //-------------------------------------------------------------------------------- // 設定ファイルの読み込み //-------------------------------------------------------------------------------- const taskName = require("../configs/task-name.config"); //-------------------------------------------------------------------------------- // タスクの読み込み //-------------------------------------------------------------------------------- const clean = require("./clean"); const pug = require("./pug"); const sass = require("./sass"); const webpack = require("./webpack"); const image = require("./image"); const sprite = require("./sprite"); const concat = require("./concat"); const copy = require("./copy"); const iconfont = require("./iconfont"); //-------------------------------------------------------------------------------- // タスクの登録 //-------------------------------------------------------------------------------- gulp.task(taskName.release, async () => { await clean(utils.mode.RELEASE); await sprite(); await Promise.all([ pug(utils.mode.RELEASE), sass(utils.mode.RELEASE), webpack(utils.mode.RELEASE), image(utils.mode.RELEASE), iconfont(utils.mode.RELEASE), concat(utils.mode.RELEASE), copy(utils.mode.RELEASE) ]); });