2016-04-06 8 views
0

私は現在、Gulp Watchを利用しているSASSのコンパイルと縮小を含む、さまざまなタスクを実行するためにGulpを使用しています。私は本当にこのエラーを引き起こしているかわからないんだけどSASSでのGulp/Node - エラー

"C:\Program Files (x86)\JetBrains\PhpStorm 2016.1\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" C:\Users\Matthew\PhpstormProjects\mattrick\node_modules\gulp\bin\gulp.js --color --gulpfile c:\Users\Matthew\PhpstormProjects\website\gulpfile.js watch 
[20:48:35] Using gulpfile c:\Users\Matthew\PhpstormProjects\website\gulpfile.js 
[20:48:35] Starting 'watch'... 
[20:48:35] Finished 'watch' after 7.94 ms 
events.js:85 
     throw er; // Unhandled 'error' event 
      ^
Error: ENOENT, stat 'c:\Users\Matthew\PhpstormProjects\website\resources\assets\sass\app.scss___jb_tmp___' 
    at Error (native) 

Process finished with exit code 1 

、そしてグーグルから:私は、私は(特にapp.scss)ファイルに変更を加えたとき、それはむしろ、情報価値のないエラーを吐き出す問題が生じていますそれは多くの異なる状況で起こるように見える。私が間違ってやっていることがあまりにもわかりません。私のgulpfileは以下の通りです:

var gulp = require('gulp'); 
var watch = require('gulp-watch'); 
var batch = require('gulp-batch'); 
var sass = require('gulp-sass'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var cleanCSS = require('gulp-clean-css'); 
var plumber = require('gulp-plumber'); 
var del = require('del'); 

var config = { 
    bowerDir: './bower_components/', 
    publicDir: './public', 
}; 

//Build Tasks 
gulp.task('build', ['clean'], function() { 
    gulp.start(['css', 'fonts', 'js']); 
}); 

//Clean Dir 
gulp.task('clean', function() { 
    return del([config.publicDir + "/css", config.publicDir + "/fonts", config.publicDir + "/js"]); 
}); 

//CSS Concat + Minification 
gulp.task('css', function() { 
    return gulp.src(
     [ 
      config.bowerDir + 'bootstrap-sass/assets/stylesheets', 
      config.bowerDir + 'fontawesome/scss', 
      './resources/assets/sass/app.scss' 
     ]) 
     .pipe(plumber()) 
     .pipe(sass({ 
      errLogToConsole: true 
     })) 
     .pipe(cleanCSS({compatibility: 'ie8'})) 
     .pipe(gulp.dest(config.publicDir + '/css')); 
}); 

//Font Awesome 
gulp.task('fonts', function() { 
    return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*') 
     .pipe(plumber()) 
     .pipe(gulp.dest(config.publicDir + '/fonts')); 
}); 

//JavaScript Concat + Uglify 
gulp.task('js', function() { 
    return gulp.src(
     [ 
      config.bowerDir + '/jquery/dist/jquery.min.js', 
      config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.min.js' 
     ]) 
     .pipe(plumber()) 
     .pipe(concat('app.js')) 
     .pipe(uglify()) 
     .pipe(gulp.dest(config.publicDir + "/js")); 
}); 

//Watch Task 
gulp.task('watch', function() { 
    watch(['./resources/assets/sass/*', config.bowerDir + '/bootstrap-sass/assets/stylesheets/**'], batch(function(events, done) { 
     gulp.start('build', done); 
    })); 
}); 

//Default Task 
gulp.task('default', ['build']); 

本当にありがとうございます。ありがとうございました!

答えて

3

__jb_tmp__ suffixは、PhpStormのようなJetBrainsアプリケーションによって作成された一時ファイルを示します。ファイルを保存するとき、ファイルの内容は最初にrenamedである一時ファイルに書き込まれます。時間がたってgulp.watch()stat()になります。一時ファイルはすでに消えています。

からあなたgulp.watch()グロブを制限してみますのみSASS/SCSSファイルへ

watch(['./resources/assets/sass/*', 

watch(['./resources/assets/sass/*.{sass,scss}', 
+0

ありがとうございました!私はPhpStormがそのような一時ファイルを作ったことを知らなかった。 – mattrick

関連する問題