一気のビルドエラー

Question

一気のビルドで実行しているとき、私はCLI

events.js:141 
     throw er; // Unhandled 'error' event 
    ^
Error: E:\Projects\gulp\css\styles.min.css:546:10: Missed semicolon ←[90m 544 | ←[39m  b 
ackground←[33m:←[39m ←[36m-ms-linear-gradient←[39m←[36m(top, #5c710d 0%,#93b904 100%)←[39m←[33m;←[39m 
←[90m 545 | ←[39m  background←[33m:←[39m ←[36mlinear-gradient←[39m←[36m(to bottom, #5c710d 0%,#93b904 100%)←[39m←[33m;←[39m 

←[31m←[1m>←[22m←[39m←[90m 546 | ←[39m filter←[33m:←[39m progid ←[33m:←[39m←[36mDXImageTransform.Microsoft.gradient←[39m←[36m(←[39m star 
tColorstr=←[32m'#5c710d'←[39m, endColorstr=←[32m'#93b904'←[39m,GradientType=0 ←[36m)←[39m←[33m;←[39m 
←[90m  | ←[39m    ←[31m←[1m^←[22m←[39m 
←[90m 547 | ←[39m←[33m}←[39m 
←[90m 548 | ←[39m←[33m.ui-overlay-c←[39m ←[33m{←[39m 

ここ

私はスタイルシートでの勾配を使用したブラウザ固有のCSSルールがある中で、次のエラーが発生した

background: -moz-linear-gradient(top, #5c710d 0%, #93b904 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c710d), color-stop(100%,#93b904)); 
background: -webkit-linear-gradient(top, #5c710d 0%,#93b904 100%); 
background: -o-linear-gradient(top, #5c710d 0%,#93b904 100%); 
background: -ms-linear-gradient(top, #5c710d 0%,#93b904 100%); 
background: linear-gradient(to bottom, #5c710d 0%,#93b904 100%); 
filter: progid :DXImageTransform.Microsoft.gradient(startColorstr='#5c710d', endColorstr='#93b904',GradientType=0); 

使用ノードパッケージがあり、

"devDependencies": { 
    "bower": "^1.8.0", 
    "gulp": "^3.9.1" 
    "browser-sync": "^2.18.8", 
    "del": "^2.2.2", 
    "gulp-autoprefixer": "^3.1.1", 
    "gulp-cache": "^0.4.6", 
    "gulp-cssnano": "^2.1.2", 
    "gulp-if": "^2.0.2", 
    "gulp-imagemin": "^3.1.1", 
    "gulp-sass": "^3.1.0", 
    "gulp-sourcemaps": "^2.4.1", 
    "gulp-uglify": "^2.1.2", 
    "gulp-useref": "^3.1.2", 
    "run-sequence": "^1.2.2" 
    } 

、最後に一気SASSタスク

gulp.task('sass', function() { 
    return gulp.src('app/scss/**/*.scss') // Gets all files ending with .scss in app/scss and children dirs  
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) // Passes it through a gulp-sass, log errors to console 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('app/css')) // Outputs it in the css folder 
    .pipe(browserSync.reload({ // Reloading with Browser Sync 
     stream: true 
    })); 
}) 

このエラーを解決する方法。すべてのヘルプや方向を大幅に..事前に感謝をいただければ幸いです。また

events.js:141 
     throw er; // Unhandled 'error' event 
    ^
Error: E:\Projects\gulp\css\styles.min.css:1429:19: Unknown word ←[90m 1427 | 
←[39m←[33m}←[39m 
←[90m 1428 | ←[39m←[33m.list←[39m ←[33m.icn←[39m ←[33m{←[39m 
←[31m←[1m>←[22m←[39m←[90m 1429 | ←[39m margin-top←[33m:←[39m 10px←[33m;←[39m!important 
←[90m  | ←[39m      ←[31m←[1m^←[22m←[39m 
←[90m 1430 | ←[39m←[33m}←[39m 
←[90m 1431 | ←[39m←[33m.list←[39m ←[33m.txt←[39m ←[33m{←[39m 

とは、エラーのこれらの種類を読み取る方法を提案node 4.4.4

新しいエラーメッセージのノードバージョンを使用しています.. gulp-sassのためにオンラインでCSS lintがあるか、アトムパッケージのアドオンがありますか？gulp-buildの前にCSSをlintすることができます...ありがとうございました

Answer 1

フィルタプロパティprogidと:DXImageTransform.Microsoft.gradientの間にあり、missed semicolonエラーです。

また、Gulpプラグインでは、gulp-autoprefixerです。あなたのガルプsassタスク（.pipe(sourcemaps.write())前）にそれを追加します。

.pipe(autoprefixer()) 

とより多くの何も書きません。

background: linear-gradient(to bottom, #5c710d 0%,#93b904 100%); 

をしてAutoprefixerが仕事をすると予想される接頭辞を追加します（に依存あなたの設定）。