• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Error: Cannot find module 'sass'

Aruba Cloud - Virtual Private Server VPS
0 głosów
894 wizyt
pytanie zadane 6 marca 2021 w HTML i CSS przez Trekeren Początkujący (370 p.)

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ć?

komentarz 6 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)
W jakiej sytuacji pojawia się ten błąd?
komentarz 6 marca 2021 przez Trekeren Początkujący (370 p.)
Gdy wpisuję 'gulp"
komentarz 6 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)
Gdzie - w konsoli (CLI), czy przy imporcie modułu (którego konkretnie modułu)? Możesz pokazać fragment kodu?
komentarz 6 marca 2021 przez Trekeren Początkujący (370 p.)
W konsoli
komentarz 6 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)
Możesz pokazać skrypt gulpa?
komentarz 7 marca 2021 przez Trekeren Początkujący (370 p.)

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);

1 odpowiedź

0 głosów
odpowiedź 7 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)

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

komentarz 7 marca 2021 przez Trekeren Początkujący (370 p.)
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...
1
komentarz 7 marca 2021 przez Trekeren Początkujący (370 p.)

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

Podobne pytania

0 głosów
1 odpowiedź 623 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez Filip2248 Dyskutant (8,840 p.)
+1 głos
0 odpowiedzi 227 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez DarQ Obywatel (1,030 p.)
0 głosów
0 odpowiedzi 686 wizyt
pytanie zadane 4 stycznia 2018 w HTML i CSS przez Sumer Nowicjusz (140 p.)

93,324 zapytań

142,323 odpowiedzi

322,389 komentarzy

62,652 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...