Через gulp 4.0.2 не происходит конвертация кода написанного на scss в css. Почему так?

Question

[AlexDi007]

В gulpfile.js написан данный код:

const { src, dest } = require('gulp');
const scss = require('gulp-sass');

function styles() {
  return src('app/scss/style.scss')
  .pipe(scss())
  .pipe(dest('app/css'))
}

exports.styles = styles;

В bash терминале выходит такая ошибка:

Alex@HOME-PC MINGW64 ~/Desktop/from0to1/start_gulp
$ gulp styles
[17:29:46] Using gulpfile ~\Desktop\from0to1\start_gulp\gulpfile.js
[17:29:46] Starting 'styles'...
Error in plugin "gulp-sass"
Message:

gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:

  const sass = require('gulp-sass')(require('sass'));

[17:29:46] The following tasks did not complete: styles
[17:29:46] Did you forget to signal async completion?

Comments

[AlexDi007]

В package.json установлены данные плагины:
"devDependencies": {
"gulp": "^4.0.2",
"gulp-sass": "^5.1.0",
"sass": "^1.56.1"
}

[Сергей delphinpro]

Сообщения об ошибках можно не только постить на форумх, но их еще можно и самому читать!

[AlexDi007]

Сергей delphinpro, добрый вечер. Я это знаю, но если не понимаешь текст ошибки, надеешься что люди на форумах смогут тебе объяснить.

Answer 1

[Сергей delphinpro]

В самой ошибке написано, почему она произошла, и даже что нужно исправить:

gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:

const sass = require('gulp-sass')(require('sass'));

Comments

[AlexDi007]

Добрый вечер, Сергей delphinpro.

Добавил в код строку:

const { src, dest } = require('gulp');
const scss = require('gulp-sass');
const sass = require('gulp-sass')(require('sass'));

function styles() {
return src('app/scss/style.scss')
.pipe(scss())
.pipe(dest('app/css'))
}

exports.styles = styles;

Но при запуске команды проблема остается:

$ gulp styles
[18:23:49] Using gulpfile ~\Desktop\from0to1\start_gulp\gulpfile.js
[18:23:49] Starting 'styles'...
Error in plugin "gulp-sass"
Message:

gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:

const sass = require('gulp-sass')(require('sass'));

[18:23:49] The following tasks did not complete: styles
[18:23:49] Did you forget to signal async completion?

[Сергей delphinpro]

AlexDi007, Оформляйте код в вопросах, ответах и комментариях как положено. Пожалуйста, исправьте.
Это не просто "хотелка". Оформленный код легче читается. А так нет желания вчитываться.

Сами внимательнее посмотрите, что вы не так сделали.