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 Advanced Sass Getting Started Source Maps

Source Maps

Situation: I've been wanting to use chrome to edit my scss file straight from the browser, and now they explain how to do that through source maps. I've already uninstalled sass and reinstalled -v 3.4.1

Problem: I can't seem to click on a link after opening up "map to network resource" [Tinypic Image: http://i62.tinypic.com/jfk9hx.png] because I think this line is not working properly.

--sourcemap --watch app.scss:style:css

the line above creates this error:

DEPRECATION WARNING: Passing --sourcemap without a value is deprecated. Sourcemaps are now generated by default, so this flag has no effect.

Sass is watching for changes. Press Ctrl-C to stop. [Listen warning]: Listen will be polling for changes. Learn more at https://github.com/guard/listen#polling-fallback.

How do I fix this error?

2 Answers

The Advanced Sass course was made in Sass 3.3, where Sass did not automatically generate sourcemaps. Beginning in Sass 3.4 (which you're on), Sass automatically generates sourcemaps without any params needed.

In 3.4+, using the --sourcemap parameter allows you to select which type of source map you want to use, or disable them altogether. Run sass -h for more info.

Dale Sande
Dale Sande
Treehouse Guest Teacher

Also, the process in Chrome has changed as well, please see the following blog post that updates this process: http://www.sitepoint.com/using-source-maps-debug-sass-chrome/