Error: Cannot find module 'sass'

Question

Wyskakuje mi ciągle taki błąd. 

Już było "npm update", "npm install gulp-sass --save-dev", "npm install gulp-sass"

W package.json pokazuje wersję 

"gulp-sass": "^4.1.0"

Jakiś pomysł co dalej robić?

Comments

W jakiej sytuacji pojawia się ten błąd?

---

Gdy wpisuję 'gulp"

---

Gdzie - w konsoli (CLI), czy przy imporcie modułu (którego konkretnie modułu)? Możesz pokazać fragment kodu?

---

W konsoli

---

Możesz pokazać skrypt gulpa?

---

Chodzi o guplfile tak? 

const entryPath = ".";

const gulp = require("gulp");
const sass = require("gulp-sass");
sass.compiler = require('sass');
const sourcemaps = require("gulp-sourcemaps");
const autoprefixer = require("gulp-autoprefixer");
const browserSync = require("browser-sync").create();

function compileSass(done) {
    gulp
        .src(entryPath + "/scss/main.scss")
        .pipe(sourcemaps.init())
        .pipe(sass({outputStyle: "expanded"}).on("error", sass.logError))
        .pipe(autoprefixer())
        .pipe(sourcemaps.write("."))
        .pipe(gulp.dest(entryPath + "/css"));

    done();
}

function watcher(done) {
    browserSync.init({
        server: "./" + entryPath
    });

    gulp.watch(entryPath + "/scss/**/*.scss", gulp.series(compileSass, reload));
    gulp.watch(entryPath + "/*.html", gulp.series(reload));

    done();
}

function reload(done) {
    browserSync.reload();
    done();
}

exports.sass = gulp.parallel(compileSass);
exports.default = gulp.parallel(compileSass, watcher);

Answer 1

A czy masz zainstalowany moduł sass? W dependencjach modułu gulp-sass nie widzę modułu sass, więc zakładam że on nie został zainstalowany automatycznie. Możesz to sprawdzić przeglądając folder node_modules lub poleceniem npm list z podaniem nazwy modułu, czyli npm list sass oraz npm list -g sass (sprawdzi czy moduł jest zainstalowany lokalnie, czy globalnie). Jeśli go nie ma, to go po prostu zainstaluj przez npm install sass (możliwe, nawet że z flagą --save-dev, żeby traktować go jako zależność developerską)

Inna sprawa, że sądząc po dokumentacji gulp-sass, wydaje mi się, że do property sass.compiler powinieneś przypisać moduł node-sass, zamiast sass → https://preview.npmjs.com/package/gulp-sass#:~:text=Node%20Sass%20will%20be%20used%20by%20default

Comments

Ok, zainstalowałam i teraz pokazuje inny XD "Error: Cannot find module 'gulp-sourcemaps' " ... Jakoś na zajęciach z wykładowcą nie było takich problemów...

---

@ScriptyChris, ok, już działa. Dzięki :D