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!

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

Gareth Edwards
Gareth Edwards
7,243 Points
Posted by Gareth Edwards
Gareth Edwards
7,243 Points

Introduction to SASS, SASS Basics Syntax error problem.

Hello,

I downloaded the project files as instructed. I remove the main.css, main.scss and index.html files and place them on my desktop. I then open terminal, change directory to my desktop and input the following command as stated by the video. 

sass --watch main.css

The following is then returned.

>>> Sass is watching for changes. Press Ctrl-C to stop.
      error main.css (Line 2: Invalid CSS after "#eee": expected expression (e.g. 1px, bold), was "; }")
[Listen warning]:
  Missing dependency 'rb-fsevent' (version '~> 0.9')!
  Please run the following to satisfy the dependency:
    gem install --version '~> 0.9' rb-fsevent

  For a better performance, it's recommended that you satisfy the missing dependency.
  Listen will be polling changes. Learn more at https://github.com/guard/listen#polling-fallback.

My CSS file does not update with the compiled CSS. Instead, I get the following commented out code:

/*
Syntax error: Invalid CSS after "#eee": expected expression (e.g. 1px, bold), was "; }"
        on line 2 of main.css

1: body {
2:   background: #eee; }
3: 
4: .blog .entry h1 {
5:   font-size: 20px;
6:   color: blue; }
7: .blog .entry p {

Backtrace:
main.css:2
/Library/Ruby/Gems/2.0.0/gems/sass-3.2.12/lib/sass/scss/parser.rb:1146:in `expected'

Just to point out, at this stage the actual CSS and SCSS files have not been changed from the ones you initially download. I simply go into the terminal and type the above command. Can anyone tell me what I'm doing wrong?

Many thanks, Gareth.

5 Answers

Yichang Liu
Yichang Liu
4,688 Points
Yichang Liu
Yichang Liu
4,688 Points

Try:

sass --watch main.scss:main.css

or as in the video:

sass --watch .

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

Gareth Edwards
Gareth Edwards
7,243 Points
Gareth Edwards
Gareth Edwards
7,243 Points

I do get the confirmation from the terminal that the css file is being watched for changes so I don't think Yichang's answer is what I'm looking for. Any other suggestions?

Tom Bedford
Tom Bedford
15,645 Points
Tom Bedford
Tom Bedford
15,645 Points

I think Yichang is correct, you asked it to watch the .css file not the .scss file.

Yichang Liu
Yichang Liu
4,688 Points
Yichang Liu
Yichang Liu
4,688 Points

Sass compiles .sass files to .css.

Gareth Edwards
Gareth Edwards
7,243 Points
Gareth Edwards
Gareth Edwards
7,243 Points

Ah yes, sorry guys. Thanks very much for your help.

Angela Rodriguez
Angela Rodriguez
551 Points
Angela Rodriguez
Angela Rodriguez
551 Points

Im having very similar problem after entering 

sass --watch main.scss:main.css

and I get this message:

>>> Sass is watching for changes. Press Ctrl-C to stop.
[Listen warning]:
  Missing dependency 'rb-fsevent' (version '~> 0.9')!
  Please run the following to satisfy the dependency:
    gem install --version '~> 0.9' rb-fsevent

  For a better performance, it's recommended that you satisfy the missing dependency.
  Listen will be polling changes. Learn more at https://github.com/guard/listen#polling-fallback.

Thanks,

Angela