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

Steven Yean
Steven Yean
6,620 Points

Help on Sass Watching

I'm having trouble getting Sass to work on my Macbook Air.

I have three files open on my desktop for easy access: main.css, main.scss, and index.html. I've already installed Sass. I ran:

sass input.scss output.css

...and it spit out:

Errno::ENOENT: No such file or directory - input.scss Use --trace for backtrace.

I then told Sass to watch the file by using

sass --watch input.scss:output.css

but it returns

error No such file or directory - input.scss

I then substituted input.scss for main.scss, but nothing happens in my Terminal. Can someone help? Thanks!

2 Answers

Michael Hulet
Michael Hulet
47,912 Points

Your working directory is probably not the same as the folder your Sass is in. Assuming your Sass is on your Desktop, run this, then try running sass --watch again:

cd ~/Desktop
Steven Yean
Steven Yean
6,620 Points

Got into the desktop, then ran sass --watch. Terminal gave me:

What files should I watch? Did you mean something like: sass --watch input.sass:output.css sass --watch input-dir:output-dir Use --trace for backtrace.

I put sass --watch input.sass:output.css, which gave me the same error message of no such file or directory.

Michael Hulet
Michael Hulet
47,912 Points

You're supposed to input the name of your file, and the name of the file Sass should write to. Using the names in your original question, your command should look like this:

sass --watch main.scss:main.css
Steven Yean
Steven Yean
6,620 Points

CSS is finally copying. Thanks!