search

shakyShane / jekyll-gulp-sass-browser-sync

A starter project including full setup for Jekyll, GulpJS, SASS & BrowserSync
728 stars 169 forks source link

main.scss not compiling output #33

Open Trivesh opened 8 years ago

Trivesh commented 8 years ago

whatever changes i make in the main.scss file in _scss does not reflect anything on the jekyll site(localhost:3000). there is no error shown. also, i think the jekyll site opened by gulp is not what it should look like, any idea on how to solve this issue.

kayspiegel commented 8 years ago

Do you have any errors in your terminal? Or have you tried $ gulp sass just to see if the Gulp task for the SCSS file is working?

Trivesh commented 8 years ago

@kayspiegel thnks for the rply . there is no error in my terminal. And i tried as you said gulp sass is working fine. i just uninstalled everything and installed it again now when i use the gulp command it open ups localhost:3000 but do generate anything instead shows Cannot GET /. please help .

kayspiegel commented 8 years ago

I just saw there are quite a few issues with the same problem. You said $ gulp sassworks fine. Is there a compiled main.css file in your _site/css and css folders?

Trivesh commented 8 years ago

yaa.....i do have them @kayspiegel . what should i do to so that the changes i make in main.scss starts reflecting in localhost:3000

eupiteco commented 8 years ago

Hello, @kayspiegel, I'm with the same problem here. A used gulp in one project and everyhing went just fine. Now in a new project with the same configs and running$ gulp does not complime sass files. When i run $ gulp sass the css file apear in the _site folder, but then $ gulp overrides _site with no css files.

edit

$gulp runs the sass task 2 times, at the first time the css compiles but at the second the css file is removed from the _site folder. Here is some output

C:\Users\Avell\Projetos\web\estampa-livre>gulp [12:14:38] Using gulpfile ~\Projetos\web\estampa-livre\gulpfile.js [12:14:38] Starting 'jade'... [12:14:38] Starting 'sass'... [12:14:38] Starting 'jekyll-build'... [12:14:38] Starting 'watch'... [12:14:38] Finished 'watch' after 381 ms [12:14:38] Finished 'jade' after 546 ms [12:14:39] Finished 'sass' after 887 ms [12:14:39] Starting 'sass'... [12:14:39] Finished 'sass' after 305 ms Configuration file: C:/Users/Avell/Projetos/web/estampa-livre/_config.yml Source: C:/Users/Avell/Projetos/web/estampa-livre Destination: C:/Users/Avell/Projetos/web/estampa-livre/_site Incremental build: disabled. Enable with --incremental Generating... done in 0.098 seconds. Auto-regeneration: disabled. Use --watch to enable. [12:14:40] Finished 'jekyll-build' after 2.38 s [12:14:40] Starting 'jekyll-rebuild'... [12:14:40] Finished 'jekyll-rebuild' after 152 μs [12:14:40] Starting 'browser-sync'... [12:14:40] Finished 'browser-sync' after 423 ms [12:14:40] Starting 'default'... [12:14:40] Finished 'default' after 25 μs [BS] Local URL: http://localhost:3000 [BS] External URL: http://10.0.0.103:3000 [BS] Serving files from: _site

After finishing sass gulp starts it again and the files are not compiled.

If I do any change to the source sass files, the watch function starts sass and the files are compiled. The rest of the output:

[12:15:13] Starting 'sass'... [BS] 1 file changed (main.css) [12:15:13] Finished 'sass' after 275 ms

edit 2

I don' have permission to access the _site/assets/css/ folder. Even running cmd as admin does not work, the access is stil denied...

edit 3

Fresh install, $ gulp ignores any changes in the sass task. Only with $ gulp sass the changes are detected

Trivesh commented 8 years ago

Thanks for your advice. I figured out the problem and solved it. thanks @kay Spiegel

On Fri, Jan 15, 2016 at 6:40 PM, Kay Spiegel notifications@github.com wrote:

Do you have any errors in your terminal? Or have you tried $ gulp sass just to see if the Gulp task for the SCSS file is working?

— Reply to this email directly or view it on GitHub https://github.com/shakyShane/jekyll-gulp-sass-browser-sync/issues/33#issuecomment-171955805 .

emma100 commented 7 years ago

Hi @kayspiegel, How did you solve it? My main.scss not compiling. No error in terminal showing. I can see in my Main css and scss nothing is compling (not picking up _base.scss and _vars.sass at all.) In my web inspect tool I get Failed to load resource: Could not connect to the server as well,
which takes me off in to really complicated (as I am new to all this) Socket.io which I find really confusing.
Just wondering if your fix could help me? Thank you