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

gulp - Unexpected token ;

0 głosów
131 wizyt
pytanie zadane 18 czerwca 2018 w HTML i CSS przez Jarver Użytkownik (750 p.)

Hej :) mam problem, z gulpem w sumie to dopiero go poznaje, albo staram się poznać. Uczę się z tutorialu na necie według które wszystko powinno mi śmigać to tak:

Wziąlem zainstalowałem sobie gulpa globalnie potem załozylem katalog na localhostcie gdzie przy pomocy -npm init startuje nowy projekt w danym katalogu przy pomocy gulpa

Potem -npm install gulp --save-dev - instaluje gulpa w katalogu projektu

Nastepnie stworzylem folder app gdzie umiescilem folder css i scss (przyszlosciowo) i utowrzylem w glownym katalogu gulpfile.js w ktorym pisze wymog gulpa dla zmiennej gulp : var gulp=require('gulp');

No i teraz dla testu chce sprawdzic działanie gulpa, wpisuje na dole

gulp.task('fff',function(){
   console.log('Wow. its work!');
});

I w terminalu phpstorma odpalam gulp fff z efektem: 

SyntaxError: Unexpected token ;
    at new Script (vm.js:74:7)
    at createScript (vm.js:246:10)
    at Object.runInThisContext (vm.js:298:10)
    at Module._compile (internal/modules/cjs/loader.js:670:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
    at Module.load (internal/modules/cjs/loader.js:612:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
    at Function.Module._load (internal/modules/cjs/loader.js:543:3)
    at Module.require (internal/modules/cjs/loader.js:650:17)
    at require (internal/modules/cjs/helpers.js:20:18)

Co jest nie tak :/ Prosiłbym o pomoc w rozwiązaniu problemu i o zweryfikowanie czy to co piszę tak na serio działą, korzystam z ang. tutorialu a mój angielski pozostawia wiele do życzenia ;(( 

Pozdrawiam MIchał :)

1
komentarz 18 czerwca 2018 przez JSHolic Szeryf (78,700 p.)

Którą wersję Gulpa zainstalowałeś? Pokaż całą zawartość pliku gulp.js, bo jesli jest tam więcej kodu niż to co pokazałeś, to błąd składni może dotyczyć innego miejsca.

komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)

Pomyslalem ze będzie miło jak dorzucę jakieś screeny a oto i one (PS. sorry za jakoś):

komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)
PS F:\xampp\htdocs\testy> gulp --version
[22:02:35] CLI version 2.0.1
[22:02:35] Local version 3.9.1
PS F:\xampp\htdocs\testy>
1
komentarz 18 czerwca 2018 przez pablop76 Szeryf (94,910 p.)

@Jarver,

Pokaż plik package.json

 przy pomocy -npm init startuje nowy projekt w danym katalogu przy pomocy gulpa

 Przy pomocy npm init :)

komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)

Prosze tutaj jest link do zawartosci Jsona i link do efektu działania konsoli po zastosowaniu  kodu majacego za cel konwertowac scss w css:

gulp.task('sass',function(){
   return gulp.src('app/scss/style.scss')
       .pipe(sass())
       .pipe(gulp('app/css'))
});

 

komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)
A co do tego npm init :D to tak o to mi chodziło ^^ przepraszam, pisałem ten post dwa razy bo za pierwszym razem wcisłem send no i zanim zdazył się wysłać ja już zmieniłem podstronę na inną X_x trzeba było pisać drugi raz, więc ten drugi raz tak na szybko :)) ale dzięki za zwrócenie uwagi.

1 odpowiedź

+1 głos
odpowiedź 18 czerwca 2018 przez pablop76 Szeryf (94,910 p.)
wybrane 19 czerwca 2018 przez JSHolic
 
Najlepsza
Radziłbym testować takie rzeczy w czystym folderze(projekcie), nie na joomla.
komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)

Teraz jak na to zwróciłeś uwagę, masz rację :X ale o dziwo w tej liscie katalogow w phpstorm tego nie ma ale jest tutaj w sensie w folderze bezpośrednio

komentarz 18 czerwca 2018 przez Jarver Użytkownik (750 p.)
W każdym razie dzięki za pomoc Paweł! ;) miłej nocki ja idę jeszcze na chwilke  porpóbować jak się nie uda to jutro do tego wrócę.... Dobranoc wszystkim!!
1
komentarz 18 czerwca 2018 przez pablop76 Szeryf (94,910 p.)
edycja 19 czerwca 2018 przez pablop76

Z tego co pamiętam to jeżeli nie podasz ścieżki w

var gulp = require('gulp');

 to szuka właśnie w tym katalogu. 

komentarz 19 czerwca 2018 przez Jarver Użytkownik (750 p.)
Ok :D dzięki wszystko elegancko śmiga, postawiłęm gulpa po raz 3-ci zainstalowalem tym razem uruchamiajc shella jako administrator zrobiłem, krok po kroku raz jeszcze i śmiga! Dzięki chłopaki za pomoc i rady!
komentarz 19 czerwca 2018 przez Jarver Użytkownik (750 p.)
W sumie jak by co dopisuje dla innych pokoleń, że chyba jedyna operacja jaka się zmieniłą dotyczyła instalacji z poziomu admina... I moze faktycznie to jest to bo podczas ostatniej instalacji było znacznie wiecej ostrzezen i errorow a teraz pposzło gładko no i działa ;)

Podobne pytania

0 głosów
0 odpowiedzi 69 wizyt
pytanie zadane 4 stycznia 2018 w HTML i CSS przez Sumer Nowicjusz (140 p.)
+1 głos
1 odpowiedź 48 wizyt
pytanie zadane 5 lutego w JavaScript, jQuery, AJAX przez Pogix Nowicjusz (170 p.)
0 głosów
2 odpowiedzi 86 wizyt
pytanie zadane 9 sierpnia 2018 w JavaScript, jQuery, AJAX przez XDdomino Użytkownik (680 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

64,924 zapytań

111,392 odpowiedzi

234,425 komentarzy

46,754 pasjonatów

Przeglądających: 232
Pasjonatów: 12 Gości: 220

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.

...