main.scss not compiling output
Trivesh opened this issue · 7 comments
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.
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?
@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 .
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?
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
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
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
#33 (comment)
.
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