Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Sass Basics (retired) Getting Started with Sass Installing and Using Sass

Phil White
PLUS
Phil White
Courses Plus Student 9,519 Points

Trying to learn SASS but its not loading unless i prompt sass --watch . after every change? Why is it being so slow?

Sass is not responding at all unless i prompt "sass --watch . " after every change?

Any help would be really appreciated!

I've tried all of these steps and have not had any luck either. Hope someone can shed some light on the issue.

16 Answers

Kevin Korte
Kevin Korte
28,148 Points

Are you telling it what file(s) to watch as well, or only running sass --watch?

Kevin Korte
Kevin Korte
28,148 Points

idan ben yair answered it. You gotta tell it what to watch

Here is Sass's expample. sass --watch input.scss:output.css

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

karennh
karennh
4,925 Points

I followed the steps here [http://www.zingdesign.com/the-sass-and-compass-tutorial-for-absolute-beginners/] and watch is now working for me.

I suspect there is too much stuff in my desktop or something there was killing it? Or perhaps I wasn't watching in the right directory?

Hope this helps someone!

Tom S
Tom S
11,912 Points

Thank you, after much frustration and many attempts to fix the issue, this worked.

idan ben yair
idan ben yair
10,288 Points

You should call the file. if its main.scss do:

sass --watch main.scss

it will work :)

Phil White
PLUS
Phil White
Courses Plus Student 9,519 Points

so do i do:

sass --watch test.scss:test.css

test is my file name?

Kevin Korte
Kevin Korte
28,148 Points

yes, if test.scss is the name of the file, than that's what you want to watch. If you want the output to also be called "test", than this would work.

Phil White
Phil White
Courses Plus Student 9,519 Points

Done that and it still wont load the new changes. still have to prompt again

idan ben yair
idan ben yair
10,288 Points

Hi Phil,

you will need to navigate to the folder that the file is in, once you get there you'll have to call the:

sass --watch test.scss

by navigating I mean if youre using mac and the terminal use "ls" to see the optional folders, than select the folder that the file is located in with "cd"

Once you are in the correct folder you will need to call that watch command

Phil White
Phil White
Courses Plus Student 9,519 Points

Hi idan,

Thanks for your help so far by the way. And im on windows, how do i navigate on windows?

idan ben yair
idan ben yair
10,288 Points

Hi Phil, it would be the "dir" command here you go:

http://www.wikihow.com/Change-Directories-in-Command-Prompt

all the info you need about the command prompt, it's very easy to learn. I'm sure once you get that down you wont have anymore problems, it is a little tricky to set up Sass but it is worth it! :)

Phil White
Phil White
Courses Plus Student 9,519 Points

Hi again,

ive got my files stored in C:\Users\Phil, so i'm in the right directory so cant be that?

idan ben yair
idan ben yair
10,288 Points

Ok, now when you navigate to that folder in command prompt once you get to it go in to it with "cd" command and run the sass --watch test.scss

Phil White
Phil White
Courses Plus Student 9,519 Points

Yep done that and it still wont load changes without prompting again?

idan ben yair
idan ben yair
10,288 Points

what text editor are you using?

idan ben yair
idan ben yair
10,288 Points

and everytime you save the scss file you get prompted?

Phil White
PLUS
Phil White
Courses Plus Student 9,519 Points

No basically i change the scss file and then it doesn't update in the css file unless i do scss --watch . after every change

idan ben yair
idan ben yair
10,288 Points

Try to start from scratch, create the test.scss file on your desktop so it would be easy for you to navigate through the command prompt.

Let me know if that works.

Phil, after having a massive headache trying to get watch to work, a saviour posted up in a thread of mine here, telling me that Sass 3.4.2 is having a problem with watch.

I think you can check which version of Sass by putting sass --version into the command prompt.

Either way, to roll back to sass 3.4.1, in the command prompt do:

gem uninstall sass
gem install sass -v 3.4.1

This SORTED it for me! Good luck! Let me know if it works!

Phil White
Phil White
Courses Plus Student 9,519 Points

Done that and its still not working. Thanks for your help anyway.

I'm having the same issue. Phil how did you solve that issue.?

Arthur Longbottom
Arthur Longbottom
13,110 Points

same issue... I wish there was an answer out there. I feel ya Phil... let me know if you ever do figure it out. Ill do the same

karennh
karennh
4,925 Points

Has anyone figured out what the problem is? I uninstalled the latest Sass version and installed 3.4.1 but still no luck.

karennh
karennh
4,925 Points

I followed the steps here [http://www.zingdesign.com/the-sass-and-compass-tutorial-for-absolute-beginners/] and watch is now working for me.

I suspect there is too much stuff in my desktop or something there was killing it? Or perhaps I wasn't watching in the right directory?

Hope this helps someone!