A
A
Anton2017-08-31 15:49:45
gulp.js
Anton, 2017-08-31 15:49:45

What is the error of the plugin when combining media queries?

An error occurs in the console, I don’t understand why I used 3 different plugins (gulp-group-css-media-queries, gulp-combine-media-queries, gulp-combine-mq), they all swear.
Error is identical

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: undefined:124:1: @media missing '}'
    at error (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:62:15)
    at atmedia (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:382:26)
    at atrule (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:534:10)
    at rules (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:117:58)
    at stylesheet (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:81:21)
    at module.exports (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\node_modules\css\lib\parse\index.js:564:20)
    at module.exports (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\group-css-media-queries\index.js:12:14)
    at DestroyableTransform._transform (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\gulp-group-css-media-queries\index.js:19:31)
    at DestroyableTransform.Transform._read (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_transform.js:182:10)
    at DestroyableTransform.Transform._write (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_transform.js:170:83)
    at doWrite (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_writable.js:406:64)
    at writeOrBuffer (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_writable.js:395:5)
    at DestroyableTransform.Writable.write (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_writable.js:322:11)
    at DestroyableTransform.ondata (D:\_work\_web_dev\_tamplate\_start_sass+jade\node_modules\readable-stream\lib\_stream_readable.js:612:20)
    at emitOne (events.js:96:13)
    at DestroyableTransform.emit (events.js:188:7)

config
var gulp           = require('gulp'),
    gutil          = require('gulp-util' ),
    jade           = require('gulp-jade'),
    sass           = require('gulp-sass'),
    autoprefixer   = require('gulp-autoprefixer'),
    gcmq           = require('gulp-group-css-media-queries');


gulp.task('sass', function() {
  return gulp.src('app/sass/**/*.sass')
  .pipe(sass({
    outputStyle: 'compact',
    includePaths: ['node_modules/susy/sass']		
  }).on("error", notify.onError()))
  .pipe(gcmq())
  .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
  //.pipe(cleanCSS())  // раскоментировать для включения компресии
  // .pipe(rename({suffix: '.min', prefix : ''})) // раскоментировать для включения компресии
  .pipe(gulp.dest('app/css'))
  .pipe(browserSync.reload({stream: true}))
  .pipe(notify('Sass is compile!'));
});

Answer the question

In order to leave comments, you need to log in

1 answer(s)
E
Egor Zhivagin, 2017-08-31
@ziqq

Somewhere in css "}" is forgotten

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question