В чем причина ошибки gulp watch?

Question

[Zamid Rz]

$ gulp watch
[09:56:47] Using gulpfile E:\WM\webdes_github\gulpfile.js
[09:56:47] Starting 'browser-sync'...
[09:56:47] Finished 'browser-sync' after 117 ms
[09:56:47] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:56:47] Finished 'sass' after 57 ms
[09:56:47] Starting 'watch'...
[09:56:47] Finished 'watch' after 11 ms
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.110:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.110:3001
 --------------------------------------
[Browsersync] Serving files from: app
[09:57:11] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:57:11] Finished 'sass' after 33 ms
[09:57:14] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:57:14] Finished 'sass' after 21 ms
[09:57:15] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:57:15] Finished 'sass' after 22 ms
[09:57:26] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:57:26] Finished 'sass' after 23 ms
[09:57:28] Starting 'sass'...
[Browsersync] 1 file changed (main.css)
[09:57:28] Finished 'sass' after 17 ms
[09:57:31] Starting 'sass'...

events.js:167
      throw er; // Unhandled 'error' event
      ^
Error: app\sass\main.sass
Error: Invalid CSS after "...lor: #dddddd; }": expected 1 selector or at-rule, was "padding: {}"
        on line 2 of app/sass/main.sass
>>      background-color: #dddddd; }

   -----------------------------^

    at options.error (E:\WM\webdes_github\node_modules\node-sass\lib\index.js:291:26)
Emitted 'error' event at:
    at DestroyableTransform.onerror (E:\WM\webdes_github\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:558:12)
    at DestroyableTransform.emit (events.js:182:13)
    at onwriteError (E:\WM\webdes_github\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:449:12)
    at onwrite (E:\WM\webdes_github\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:470:11)
    at WritableState.onwrite (E:\WM\webdes_github\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:180:5)
    at DestroyableTransform.afterTransform (E:\WM\webdes_github\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:93:3)
    at errorM (E:\WM\webdes_github\node_modules\gulp-sass\index.js:118:12)
    at Object.callback (E:\WM\webdes_github\node_modules\gulp-sass\index.js:127:16)
    at options.error (E:\WM\webdes_github\node_modules\node-sass\lib\index.js:294:32)

https://github.com/zamid513/webdes_github

Answer 1

[Антон Спирин]

Invalid CSS after "...lor: #dddddd; }": expected 1 selector or at-rule, was "padding: {}"
on line 2 of app/sass/main.sass

Вот вам sass валидатор. Проверьте свой код.
Ссылка на случай если синтаксис не знаете.

Comments

[Zamid Rz]

проблема в том, что gulp watch закрывается когда находит ошибку.
Я и не успеваю написать код до конца

[Антон Спирин]

Zamid Rz, а что у вас за IDE? почему она каждый чих сохраняет?
Попробуйте добавить обработку ошибок:
.pipe(sass().on('error', sass.logError))

[Zamid Rz]

Антон Спирин, пишу в VS Code, без понятие если честно почему она каждый чик сохраняет.
Этот pipe нужно добавить в task "watch" или "sass"?

[Антон Спирин]

Zamid Rz, заменить эту строчку. Не факт, что поможет. Я gulp последний раз более года назад использовал.
Посмотрите и поменяйте настройки VS Code.

[Zamid Rz]

Антон Спирин, Спасибо, помогло, теперь gulp watch не закрывается, а фиксирует error

[16:18:05] Starting 'sass'...
Error in plugin "sass"
Message:
    app\sass\main.sass
Error: Function blue is missing argument $color.
        on line 10 of app/sass/main.sass
>>      color: blue(); }

   --------^

[16:18:05] Finished 'sass' after 15 ms

[Антон Спирин]

Zamid Rz, а что пишите в main.sass?

[Zamid Rz]

Антон Спирин,
p
color: blue()

У меня emmet вставляет скобки после названия цвета, вот и watch сразу фиксирует ошибку