Getting：SyntaxError：missing）引数リストの後にhulpfile.jsで何が間違っているかを見つけることができません

Question

こんにちは、次のgulpファイルで 'gulp default'を開始する際にエラーが発生しています。私はファイルに何が間違っているのか理解できません。

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
var browserSync = require('browser-sync').create(); 

var input = './scss/**/*.scss'; 
var output = './css'; 

gulp.task('sass', function() { 
    return gulp.src(input) 
    .pipe(sourcemaps.init()) 
    .pipe(sass(errLogToConsole: true, outputStyle: 'compressed')) 
    .pipe(autoprefixer(browsers: ['last 2 versions', '> 5%', 'Firefox ESR'])) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(output)) 
    .pipe(browserSync.stream()); 
}); 

// Watch files for change and set Browser Sync 
gulp.task('watch', function() { 
    // BrowserSync settings 
    browserSync.init({ 
    proxy: "mydomain.loc", 
    files: "./css/styles.css" 
    }); 

    // Scss file watcher 
    gulp.watch(input, ['sass']) 
    .on('change', function(event) { 
     console.log('File' + event.path + ' was ' + event.type + ', running tasks...') 
    }); 
}); 

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

私はすでにノードを再インストールしていますが、すべてのパッケージで問題は解決しません。

Answer 1

Gulp Sass with errLogToConsole: true still stopping my other watch tasksおよびGulp-generated source maps don't work in Chromeを参照してください。

使用しないでくださいerrLogToConsoleこれ以上サポートされないようです。

.pipe（SASS（{outputStyle： '圧縮'}。（ 'エラー'、sass.logError）ON））にすることを

.pipe(sass(errLogToConsole: true, outputStyle: 'compressed')) 

変更

以前のエラーがあったgulp-sass options.とおそらくあなたのオプションを{}の中括弧（オブジェクトである）に含めないためです。

[EDIT]：

そして、あなたの他のエラーが同じ

.pipe(autoprefixer(browsers: ['last 2 versions', '> 5%', 'Firefox ESR'])) 

ある

.pipe(autoprefixer({ browsers: ['last 2 versions', '> 5%', 'Firefox ESR'] })) 

する必要がありますが、中括弧に注意してください。通常、gulpプラグインのオプションはオブジェクトですので、中括弧{}で囲む必要があります。

Answer 2

これを変更しようとしました。

/Users/hmook/Documents/Development/lvdb/gulpfile.js:14 
    .pipe(autoprefixer(browsers: ['last 2 versions', '> 5%', 'Firefox ESR'])) 
         ^^^^^^^^ 

SyntaxError: missing) after argument list 
    at createScript (vm.js:80:10) 
    at Object.runInThisContext (vm.js:139:10) 
    at Module._compile (module.js:599:28) 
    at Object.Module._extensions..js (module.js:646:10) 
    at Module.load (module.js:554:32) 
    at tryModuleLoad (module.js:497:12) 
    at Function.Module._load (module.js:489:3) 
    at Module.require (module.js:579:17) 
    at require (internal/module.js:11:18) 
    at Liftoff.handleArguments (/usr/local/lib/node_modules/gulp/bin/gulp.js:116:3)