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 CSS to Sass Installing Sass and Setting up the Project The --watch Command

Joel Price
Joel Price
13,711 Points
Posted by Joel Price
Joel Price
13,711 Points

Can't get --watch to update css folder

I'm pretty sure I'm watching the right spot. https://i.gyazo.com/e0d63326e7fb24d134a52ea354e28ee1.png The reason it's saved in documents instead of desktop is because someone said that moving the folder to another directory fixed their problem so I tried it. Still not working right.

Here's what it looks like in Sublime Text 3. https://i.gyazo.com/b933282973f1a5c79f8f1095661cf850.png

I did notice that for some reason anytime I save anything inside of the scss folder it saves as scss.css I couldn't figure out how to get it not to do that.

The --watch command also doesn't create anything in the css folder. It also doesn't do anything when something is updated in the scss folder. Ruby and Sass are installed. Here's what it looks like when I do a version check. https://gyazo.com/848444d587aa86d71c6861ee243444b0

Any help that can be given would be greatly appreciated!

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I'm of the opinion that the problem is with the .css file extension on that style.scss.css. What happens if you manually rename that file to style.scss and then run the --watch command? I don't believe it's going to compile it as long as it thinks it's not scss and it currently believes it's CSS.

Looking forward to hearing back! :sparkles:

edited for additional instructions

If you're using Windows 10, open up the file explorer and navigate to the file. Make sure that under "View" you have the option checked to see file extensions. When you find the file, delete the .css part. At this point Windows should pop up a warning saying that if you change the file extension it may become unusable. But that's exactly the problem in this case, so that's perfectly fine. Tell it you're sure you want to change the extension. You may have to shut down the file in Sublime and open up the new one you just made, because technically, it will be a separate file from the one you had before.

Joel Price
Joel Price
13,711 Points
Joel Price
Joel Price
13,711 Points

Got it! It was because I couldn't figure out how to change the last part of the file extension till I followed your additional instructions. Thank you!