Task 'createSprite, copySpriteCSS' is not in your gulpfile

Question

I am trying to run task 'icons' which is going to run two different tasks at the same time, but when I try running it, I get the error message. I've tried many different things to do, but unsuccessfully, so if anyone has an idea how to fix it, please let me know :)

I will post my code below:

---

const gulp = require('gulp');
const svgSprite = require('gulp-svg-sprite');
const rename = require('gulp-rename');

const config = { 
  mode: {
    css: {
      render: {
        css: {
          template: './gulp/templates/sprite.css' 
        }
      }
    }
  }
}

gulp.task('createSprite', function() { 
  return gulp.src('./app/assets/images/icons/**/*.svg')  
    .pipe(svgSprite(config))
    .pipe(gulp.dest('./app/temp/sprite/'));
});

gulp.task('copySpriteCSS',['createSprite'], function() { 
  return gulp.src('./app/temp/sprite/css/*.css')
  .pipe(rename('_sprite.css'))
    .pipe(gulp.dest('./app/assets/styles/modules'));
});

gulp.task('icons', ['createSprite, copySpriteCSS']);

And the error that I get is:

---

[08:29:03] Using gulpfile ~\travel-agency-website\gulpfile.js
[08:29:03] Task 'createSprite, copySpriteCSS' is not in your gulpfile
[08:29:03] Please check the documentation for proper gulpfile formatting

Answer 1

Try:

gulp.task('copySpriteCSS', gulp.series('createSprite', function() { 
  return gulp.src('./app/temp/sprite/css/*.css')
  .pipe(rename('_sprite.css'))
    .pipe(gulp.dest('./app/assets/styles/modules'));
}));

gulp.task('icons', gulp.parallel('createSprite', 'copySpriteCss'));

You had gulp v3 code, I assume you are using gulp v4. Search for a migration guide from v3 tp v4.