What to do if gulp-sass doesn't see the file on import?

Question

Sass

I'm learning gulp, trying to build from video tutorials. I added the seemingly default gulp-sass to the assembly, but when I import it into the main scss file, an error is generated in the console:

Error: File to import not found or unreadable: ../../pug/components/**/*.

Assembly structure:

Gulpfile.js (tasks are included in separate files)

'use strict';
const imagemin = require('gulp-imagemin');

global.$ = {
    gulp: require('gulp'),
    gp:   require('gulp-load-plugins')(),
    bs:   require('browser-sync').create(),

    path: {
        tasks: require('./gulp/config/tasks.js')
    }
};

$.path.tasks.forEach(function (taskPath) {
    require(taskPath)();
});

$.gulp.task('default', $.gulp.series (
    $.gulp.parallel('imagemin', 'pug','sass'),
    $.gulp.parallel('watch', 'serve')
))

sass.js (the task of gulp-sass itself)

module.exports = function () {
    $.gulp.task('sass', function () {
        return $.gulp.src('src/static/scss/style.scss')
            .pipe($.gp.sourcemaps.init())
            .pipe($.gp.sass({}))
            .pipe($.gp.autoprefixer({
                browsers: ['last 10 versions']
            }))
            .on('error', $.gp.notify.onError({
               title: "style" 
            }))
            .pipe($.gp.csso())
            .pipe($.gp.sourcemaps.write())
            .pipe($.gulp.dest('build/static/css/'))
            .pipe($.bs.reload({
                stream: true
            }));
    });
}

Well, just in case style.scss

@import "variables";
@import "default";
@import "../../pug/components/**/*";

Answer 1

To import folders, you need
https://www.npmjs.com/package/gulp-sass-glob