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

question-closed Gulp - task sass nie wykonuje się

+1 głos
32 wizyt
pytanie zadane 5 lutego w JavaScript, jQuery, AJAX przez Pogix Nowicjusz (170 p.)
zamknięte 6 lutego przez JSHolic

Witam,

mój problem polega na tym, że gdy próbuję wykonać task polegający na kompilacji Sass wyświetlają mi się błędy o treści: "Local gulp not found in (nazwa katalogu), Try running: npm install gulp". Gulpa zainstalowałem zarówno lokalnie jak i globalnie, tj. z poleceń "npm i -g gulp-cli" oraz "npm i --save-dev gulp".

Kod w gulpfile.js wygląda następująco:

var gulp = require('gulp');
var gulpSass = require('gulp-sass');

sass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./dev-assets/style.scss')
        .pipe(gulpSass().on('error', sass.logError))
        .pipe(gulp.dest('./prod-assets'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./dev-assets/style.scss', gulp.series('sass'));
});

Gulpa mam w wersji 4.0.0. Node-sass i gulp-sass też instalowałem (lokalnie).

Jaka może być przyczyna błędów? Co zrobić, żeby task zadziałał?

komentarz zamknięcia: Problem rozwiązany.
komentarz 5 lutego przez JSHolic Szeryf (77,300 p.)

Czy ten skrypt jest zapisany do pliku gulpfile.js?

komentarz 5 lutego przez Pogix Nowicjusz (170 p.)
Tak, zapisałem go w pliku

1 odpowiedź

0 głosów
odpowiedź 6 lutego przez Pogix Nowicjusz (170 p.)

Problem rozwiązany smiley. Po pierwsze: plik gulpfile.js zapisałem przez pomyłkę w innym katalogu, po drugie: w 4. i 8. linijce zamiast sass powinno być gulpSass, bo tak zadeklarowałem zmienną. Jeszcze na wszelki wypadek przeinstalowałem pakiety, które wymieniłem w pierwszym poście.

Kod po korekcie wygląda tak:

var gulp = require('gulp');
var gulpSass = require('gulp-sass');

gulpSass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./dev-assets/style.scss')
        .pipe(gulpSass().on('error', gulpSass.logError))
        .pipe(gulp.dest('./prod-assets'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./dev-assets/style.scss', gulp.series('sass'));
});

 

Podobne pytania

0 głosów
0 odpowiedzi 65 wizyt
pytanie zadane 4 stycznia 2018 w HTML i CSS przez Sumer Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 81 wizyt
pytanie zadane 9 sierpnia 2018 w JavaScript, jQuery, AJAX przez XDdomino Użytkownik (680 p.)
0 głosów
2 odpowiedzi 133 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

60,259 zapytań

105,942 odpowiedzi

220,114 komentarzy

32,463 pasjonatów

Przeglądających: 312
Pasjonatów: 20 Gości: 292

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...