Gulp: When trying to nest a sass pseudo element in a media expression, it fails to compile and loses the file. What to do?

Question

gulp.js

Good afternoon!

If I put in media a construct such as:
&::before
or
item::after
I catch an error like this:

[12:12:50] Error in plugin "gulp-sass"
Message:
    #src\scss\bloks\page-header.scss
Error: File to import not found or unreadable: site-list.scss

And the more complex such constructions are, the more difficult it is for him to parse, the more often he gives me this.

I read a little about this problem and many people suggest switching to ssd as a solution. Is it so?
This is of course not a problem, but I deliberately moved everything to hdd, because I'm afraid that npm will simply gobble up the entire resource, constantly overwriting files.
I also saw a comment saying just insert a pipe with a time delay like .pipe(wait(200)). I didn’t quite understand wait , this is a gallp module or its built-in method, because this construction did not work for me.

Have you encountered this error and how did you solve it? What do you advise?

upd:
The gulp-wait plugin helped solve the problem.

Answer 1

wait: https://www.npmjs.com/package/gulp-wait
If wait helped, then good, but I think it's a bit of a crutch.