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

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

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

Добрый вечер, Сергей 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?

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

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

Ошибка в gulpfile.js?

Сергей delphinpro, спасибо, буду разбираться.

Ошибка в gulpfile.js?

RAX7, спасибо, буду разбираться.

Ошибка в gulpfile.js?

Так выглядит package.json

{

"name": "gulp-web",

"version": "1.0.0",

"description": "project using gulp4",

"author": "AlexDi",

"devDependencies": {

"gulp": "^4.0.2",

"gulp-cssnano": "^2.1.3"

},

"dependencies": {

"browser-sync": "^2.27.10",

"del": "^7.0.0",

"gulp-autoprefixer": "^8.0.0",

"gulp-cssbeautify": "^3.0.1",

"gulp-imagemin": "^8.0.0",

"gulp-plumber": "^1.2.1",

"gulp-rename": "^2.0.0",

"gulp-rigger": "^0.5.8",

"gulp-sass": "^5.1.0",

"gulp-strip-css-comments": "^2.0.0",

"gulp-uglify": "^3.0.2",

"panini": "^1.7.2"

}

}

Ошибка в gulpfile.js?

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

Я заменил const {src, dest} = import ('gulp');

Но ошибка остается:

PS C:\lessons\gulp-web> gulp html
Error [ERR_REQUIRE_ESM]: require() of ES Module C:\lessons\gulp-web\node_modules\gulp-imagemin\index.js from C:\lessons\gulp-web\gulpfile.js not supported.
Instead change the require of index.js in C:\lessons\gulp-web\gulpfile.js to a dynamic import() which is available in all CommonJS modules.
at Object. (C:\lessons\gulp-web\gulpfile.js:14:18)
at async Promise.all (index 0) {
code: 'ERR_REQUIRE_ESM'