はじめまして。gulpのエラーに関してご教授をお願いします。
先方からpackage.json、gulpfile.jsをいただいてnpm installsiをして「npx gulp」とコマンドで入力したのですが、
サーバーが立ち上がりません。
npx gulpを実行すると下記画像の状態で止まってしまいます。
発生している問題・エラーメッセージ
エラーメッセージはありません
該当のソースコード
gulpfile.js
// style.scssをタスクを作成する // gulpプラグインを読み込みます const { src, dest, watch } = require("gulp"); const sass = require("gulp-sass"); const sourcemaps = require('gulp-sourcemaps'); const plumber = require('gulp-plumber'); const notify = require('gulp-notify'); const bsync = require('browser-sync'); /** * Sassをコンパイルするタスクです */ const compileSass = () => // style.scssファイルを取得 src("./assets/scss/*.scss") // Sassのコンパイルを実行 .pipe(plumber({errorHandler: notify.onError("Error: <%= error.message %>")})) .pipe(sourcemaps.init()) .pipe(sass({outputStyle:'compressed'})) .pipe(sourcemaps.write("./")) // gulp.destの直前に指定 .pipe(dest("assets/css")); const browserSync = () => bsync({ server: { baseDir: "./" ,index : "index.html" } }); const browserReload = () => browserSync().reload(); // gulp.watch(paths.js + "**/*.js", ['reload']); // gulp.watch(paths.html + "**/*.html", ['reload']); // gulp.watch(paths.css + "**/*.css", ['reload']); /** * Sassファイルを監視し、変更があったらSassを変換します */ const watchFiles = () => { watch("assets/scss/*.scss", compileSass); watch(["assets/scss/*.scss", "assets/scss/*.js", "*.html" ], browserReload); } // npx gulpというコマンドを実行した時、watchSassFilesが実行されるようにします exports.default = watchFiles; // exports.default = () => { // watch(filesrc.html, html) // watch(filesrc.css, css) // }; exports.cps = compileSass; exports.bs = browserSync;
{ "name": "Site", "version": "1.0.0", "description": "xxxxxx", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/xxx/xxx.git" }, "keywords": [], "author": "", "license": "ISC", "bugs": { "url": "https://github.com//xxx/xxx.git" }, "homepage": "https://github.com/xxx/readme", "devDependencies": { "browser-sync": "^2.26.13", "gulp": "^4.0.2", "gulp-notify": "^3.2.0", "gulp-plumber": "^1.2.1", "gulp-sass": "^4.1.0", "gulp-sourcemaps": "^3.0.0", "node-sass": "^5.0.0" } }
試したこと
nodist削除、公式からNode.jsをインストールし最新で試してもダメでした。
補足情報(FW/ツールのバージョンなど)
npmバージョンは6.9.0
nodeバージョンは10.9.0
ディレクトリ構成
ディレクトリ
assets
index.html
gulpfile.js
package.json
package-lock.json
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。