2017-09-18 5 views
0

Voici mon répertoire courant: Directory TreeGulp Sass Compiling Erreur

Et voici mon code gulpfile.js:

var gulp = require ('gulp'), 
    gutil = require('gulp-util'), 
    uglify = require('gulp-uglify'), 
    sass = require('gulp-ruby-sass'), 
    concat = require('gulp-concat'), 
    livereload = require('gulp-livereload'), 
    lr = require('tiny-lr'), 
    server = lr(); 

var jsSources = ['components/scripts/scriptOne.js', 
       'components/scripts/scriptTwo.js' 
]; 

var sassSources = [ 
    'comptonents/sass/*.scss' 
]; 

gulp.task('js', function() { 
    gulp.src(jsSources) 
       .pipe(uglify()) 
       .pipe(concat ('script.js')) 
       .pipe(gulp.dest('js')); 
}); 

gulp.task('sass', function() { 
    gulp.src(sassSources) 
    .pipe(sass({style: 'expanded', lineNumbers: true})) 
    .on('error', gutil.log) 
    .pipe(concat('style.css')) 
    .pipe(gulp.dest('css')) 
    .pipe(livereload()); 
}); 


gulp.task('watch', function() { 
    var server = livereload(); 
    gulp.watch(jsSources, ['js']); 
    gulp.watch(sassSources, ['sass']); 
    gulp.watch(['js/script.js', '*.html'], function(e) { 
    server.changed(e.path); 
    }); 
}); 



gulp.task('default', ['sass','js', 'watch']); 

L'erreur que je reçois est sortie la commande suivante à chaque fois que je tente pour courir gulp pour compiler mon sass.

 19:55:01] Using gulpfile ~/Desktop/coffeescript/gulpfile.js 
[19:55:01] Starting 'sass'... 
[19:55:01] 'sass' errored after 21 ms 
[19:55:01] TypeError: glob pattern string required 
    at new Minimatch (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/minimatch/minimatch.js:116:11) 
    at setopts (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/common.js:118:20) 
    at new GlobSync (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/sync.js:40:3) 
    at Function.globSync [as sync] (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/sync.js:26:10) 
    at /Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/index.js:68:21 
    at Array.forEach (native) 
    at gulpRubySass (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/index.js:67:10) 
    at Gulp.<anonymous> (/Users/Aquinas/Desktop/coffeescript/gulpfile.js:27:11) 
    at module.exports (/Users/Aquinas/Desktop/coffeescript/node_modules/orchestrator/lib/runTask.js:34:7) 
    at Gulp.Orchestrator._runTask (/Users/Aquinas/Desktop/coffeescript/node_modules/orchestrator/index.js:273:3) 

S'il vous plaît aidez-moi à comprendre cela. Je vous remercie.

Edit One: Modification de l'erreur typo dans var SassSources. Cependant, toujours des erreurs de sortie. Je n'ai même pas de journal pour le vérifier. Suce, je suis sûr que j'ai activé la commande de journal. Quoi qu'il en soit, si elle aide ici est l'arbre des plugins Gulp:

Gulp plugins tree

Modifier deux: RESOLU !! J'ai dû pointer le numéro de rechargement en direct (fourni par le xxx dans mon index.html). J'ai dû faire quelques ajustements à mon code, et alto! Il court comme du pain et du beurre.

Code ajusté:

gulp.task('watch', function() { 
    livereload.listen(35732); 
    var server = livereload(); 
    gulp.watch(jsSources, ['js']); 
    gulp.watch(coffeeSources, ['coffee']); 
    gulp.watch(sassSources, ['sass']); 
    gulp.watch(['js/script.js', '*.html'], function(e) { 
    livereload.changed(e.path); 
    }); 
}); 

La question était la montre pour livereload ne fonctionnait pas parce que le code que j'utilisais était un peu vieillot.

+1

Est-ce une faute de frappe: 'comptonents'? dans sassSources. – Mark

+0

Oui! Merci d'avoir signalé ça lol! Mais, je l'ai corrigé, et il produit toujours la même erreur. J'ai mis à jour le post supérieur pour montrer mon arbre de plugins de gulp. Merci a tous! – Alex

+0

Que se passe-t-il si vous mettez simplement 'components/sass/*. Scss' dans votre tâche sass src au lieu de l'appel de sassSources? – Mark

Répondre

0

Cela peut être dû au fait que gulp.src() attend une chaîne et non un tableau comme fichier d'entrée. Il suffit de changer cela de tableau en une chaîne et vous pourriez être bon à faire.

+0

Je viens de remarquer que Mark a commenté la même chose que moi. –

+0

Je l'ai corrigé maintenant. S'il vous plaît voir mon 2ème édition. – Alex