1
1

Делал все по видео, после запуска команды gulp выходит ошибка.

PS C:\Users\ashot\Рабочий стол\web project\uber> gulp
Error: Cannot find module 'sass'
Require stack:
- C:\Users\ashot\Рабочий стол\web project\uber\gulpfile.js
- C:\Users\ashot\AppData\Roaming\npm\node_modules\gulp-cli\lib\shared\require-or-import.js
- C:\Users\ashot\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0\index.js
- C:\Users\ashot\AppData\Roaming\npm\node_modules\gulp-cli\index.js
- C:\Users\ashot\AppData\Roaming\npm\node_modules\gulp-cli\bin\gulp.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object.<anonymous> (C:\Users\ashot\Рабочий стол\web project\uber\gulpfile.js:2:42)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\ashot\\Рабочий стол\\web project\\uber\\gulpfile.js',
'C:\\Users\\ashot\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\lib\\shared\\require-or-import.js',
'C:\\Users\\ashot\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\lib\\versioned\\^4.0.0\\index.js',
'C:\\Users\\ashot\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\index.js',
'C:\\Users\\ashot\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\bin\\gulp.js'
]
}

package.json

{
  "name": "uber",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^8.0.0",
    "gulp-clean-css": "^4.3.0",
    "gulp-cli": "^2.3.0",
    "gulp-sass": "^5.1.0"
  }
}

gulpfile.js

const gulp        = require('gulp');
const sass        = require('gulp-sass')(require('sass'));
const browserSync = require('browser-sync');

// Static server
gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: "src"
        }
    });
});

// or...

gulp.task('styles', function() {
    return gulp.src("src/sass/*.sass")
            .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
            .pipe(gulp.dest("src/css"))
            .pipe(browserSync.stream());
});

gulp.task('watch', function() {
    gulp.watch("src/sass/*.sass", gulp.parallel("styles"));
    gulp.watch("src/*.html").on("change", browserSync.reload);
});

gulp.task('default', gulp.parallel('watch', 'server', 'styles'));


Амир Кавеев
3 years ago






Амир, возможно это связано с новой версией Gulp, разработчики что-то там намудрили ))

Пролистайте ниже по воросам или наберите в поиске вопросов Gulp, преподаватль недавно давал несколько рекомендаций

Вадим Семенов
3 years ago

npm i sass

Пётр Колосов
2 years ago

2 ответов