I am currently learning how to utilize Flexbox, and I have encountered an issue with prefixing while using Gulp. The error message that pops up when attempting to use Gulp autoprefixer is as follows:
[19:21:22] Starting 'styles'...
[19:21:22] The following tasks did not complete: styles
[19:21:22] Did you forget to signal async completion?
Here is the content of my 'gulpfile.js':
const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
gulp.task('styles', () => {
gulp.src('styles.css')
.pipe(autoprefixer())
.pipe(gulp.dest('build'));
});
This is what my 'styles.css' file contains:
.container {
display: flex;
}
.item {
flex-direction: column;
}
However, despite these settings, the output in 'build/styles.css' remains unchanged without any prefixing.
I have attempted various solutions such as adding browser list to package.json, converting the function to async, and running it through postcss, but none seem to have made a difference so far. Any insights on this issue?