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
jaime larios
7,945 PointsCSS file does not update... This hurts my feelings :(
So here's the deal. I'm running on a Windows machine and I'm using Chrome as my browser. I am running version 3.4.11 (Selective Steve) and using the Sublime 2 text editor.
I've got my index.html and my scss file saved in the same folder (on my desktop just like the video).
When I run "sass --watch ." on either the command prompt (and the command prompt with Ruby), I see the CSS and the map file created one my desktop with a message in the command prompt:
write ./main.css write ./main/.css.map
Initially, the css gets generated and and my test html does take the changes. When I make further changes to the scss file and save it, the css doesn't update.
What am I missing?
//*** cue Swedish death metal, fade to black***//
8 Answers
Gregory Davis
13,435 PointsI had the same exact issue. What I did to resolve the issue was change the file location from the Desktop to a directory. After doing this everything worked as shown in the lesson. I do get write ./test.css and write ./test.css.map instead of the overwrite, but it does work and updates changes. I'm using Ruby version 2.1.6 and Sass 3.4.14 (Selective Steve).
Humberto Zayas
7,405 PointsThanks Gregory, this worked like a charm. Glad to see a recent comment and now my test.css file is updating on save as well.
M. Cotter
6,179 PointsThis worked for me, thank you!
jaime larios
7,945 PointsI didn't use the SASS compiler after struggling with it. I never found out what to do with it. Fortunately, I installed Mixture and I was able to proceed without any issues. my CSS file updated as expected. Just make sure you have errthing in the same folder and it should go ok.
Jennifer Morkunas
20,037 PointsThanks I will look into Mixture, it looks awesome
shezazr
8,275 Pointsso quite possibly your watch isn't set up correctly? show your code/how you set it up..
jaime larios
7,945 Pointshere's my html
'''<!DOCTYPE html> <html> <head> <link href="test.css" rel="stylesheet"> </head> <body> <div class="blog-entry"> <h1>My Blog Post</h1> <p>Text <a href="/info.html">Link</a> </p> </div> </body> </html> '''
here's my sass file '''h1 { color: green; } a { color: green; background-color: grey; }'''
this is what my console looks like C:Users\Jaime\Desktop>sass --watch .
Sass is watching for changes. Press Crtl-C to stop. write ./test.css write ./test.css.map
and that's where it stops.... nothing happens after that.
jaime larios
7,945 Pointsmy sass file is named test.scss
jaime larios
7,945 PointsI've installed .and it works fine with my existing html and scss.
aileenurquhart
10,901 PointsI'm having exactly the same problem - I have to hit Ctrl C and start again before any changes show up. Annoying as it's wasting time.
Jennifer Morkunas
20,037 PointsYes, I am also having this problem. I followed the video and used the sass --watch . command and a css file is created on my desktop but nothing else happens when I update my test.scss file. The only thing my css file says is /*# sourceMappingURL=test.css.map */ How do I get it to detect changes? I can't really continue with the course if I can't get past the first video, any advice is appreciated, thanks!
Sally Gradle
24,694 PointsJust a thought: when you typed in sass --watch . did you put a space between --watch and the . ?
Suelen Henderson
34,034 PointsI did what Gregory Davis said and then worked fine. Btw, thanks Gregory. You helped me a lot with your advise. ;)
jaime larios
7,945 Pointsjaime larios
7,945 PointsIf i terminate watch, make changes to my scss, then sass --watch . again, the css file will update and changes will show up in my browser.