Gulp AssertionError - Зависимости Sass

Попытка пройти это руководство, чтобы почувствовать себя новичком:

https://thewikihow.com/video_nusgoj74a3Y

В настоящее время возникает эта ошибка при запуске gulp, есть идеи ?:

gulpfile.js

'use strict';


//dependancies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var changed = require('gulp-changed');


// - SCSS/CSS

var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';


gulp.task('compile_scss', function() {

  gulp.src(SCSS_SRC)
  .pipe(sass().on('error', sass.logError))
  .pipe(minifyCSS())
  .pipe(rename({ suffix: '.min' }))
  .pipe(changed(SCSS_DEST))
  .pipe(gulp.dest(SCSS_DEST));

});

gulp.task('watch_scss', function() {
  gulp.watch(SCSS_SRC, ['compile_scss']);
});

gulp.task('default', ['watch_scss']);

Выход

assert.js:269
    throw err;
    ^

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (/Users/ss/Desktop/reactTest/my-app/node_modules/undertaker/lib/set-task.js:10:3)
at Gulp.task (/Users/ss/Desktop/reactTest/my-app/node_modules/undertaker/lib/task.js:13:8)
at Object.<anonymous> (/Users/ss/Desktop/reactTest/my-app/gulpfile.js:34:6)
at Module._compile (internal/modules/cjs/loader.js:702:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
at Module.load (internal/modules/cjs/loader.js:612:32)
at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
at Function.Module._load (internal/modules/cjs/loader.js:543:3)
at Module.require (internal/modules/cjs/loader.js:650:17)
at require (internal/modules/cjs/helpers.js:20:18)

Немного в тупике, любая помощь приветствуется.

javascript gulp gulp-watch gulp-sass

08.06.2018 17:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

800

Ответы 1

Вы используете gulp 4, терминология изменилась на

'use strict';


//dependancies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var changed = require('gulp-changed');


// - SCSS/CSS

var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';


gulp.task('compile_scss', function() {

  gulp.src(SCSS_SRC)
  .pipe(sass().on('error', sass.logError))
  .pipe(minifyCSS())
  .pipe(rename({ suffix: '.min' }))
  .pipe(changed(SCSS_DEST))
  .pipe(gulp.dest(SCSS_DEST));

});

gulp.task('watch_scss', function() {
  gulp.watch(SCSS_SRC, gulp.series('compile_scss'));
});

gulp.task('default', ['watch_scss']);

В основном запущенные файлы более надежны. Теперь вы можете отрицать плагины, такие как runSequence, поскольку у них есть все эти функции.

по сути, что вы можете сделать, это пойти

gulp.task('build', function (callback) {
    runSequence('runFirst', ['ranTogether1','ranTogether2'], 'ranLast'), callback
});

gulp.task('build',
  gulp.series('runFirst', gulp.parallel('ranTogether1', 'ranTogether2'),'ranLast'),
  function() {...}));

Больше информации здесь

Подходя ближе, теперь у вас новая ошибка: Ошибка: просмотр ./src/Assets/scss/**/*.scss: задача просмотра должна быть функцией (необязательно сгенерированной с помощью gulp.parallel или gulp.series)

— 11.06.2018 15:56

Извините, я вернулся и изменил ваш фрагмент. Проверьте мой исходный ответ, так как он был обновлен. : D

— 13.06.2018 14:20

Я получил еще одну ошибку утверждения: /

— 14.06.2018 16:16

Вы пытались заменить ('stuff",'stuff') скобами вместо ['stuff','stuff'] idk Я придерживаюсь глотка 3, вы меня напугали

— 14.06.2018 17:15

Можете ли вы превратить это в репо и гарантировать, что ветка останется в этом состоянии? Я бы с удовольствием разобрался с этим, потому что он так сильно борется

— 16.06.2018 17:29

09.06.2018 17:26