Sass watches detect changes but don't compile in css

Question

When I run the sass --watch app.sass:app.css terminal sass --watch app.sass:app.css , it shows that the changes were detected in sass, but will not compile in css. I use Bourbon, so all my .scss and .sass files are imported through mixins.

ex.

  >>> Sass is watching for changes. Press Ctrl-C to stop. >>> Change detected to: css/2-modules/top-nav.scss 

Answer 1

Make sure the file you save with _filename.scss been correctly imported into mainfile.scss . if you did not import _filename.scss , it will detect the change, but it will not compile.

Answer 2

I had the same problem! In my case, this was due to the fact that several @imports were listed as follows:

 @import 'colors'; @import 'fonts'; @import 'size'; 

When I changed this, everything started working again:

 @import 'colors', 'fonts', 'size'; 

Although this is not necessary:
"Sass imports have the same syntax as CSS imports, except that it allows you to separate commas for multiple imports, instead of each having its own @import." - sass-lang.com/documentation

Answer 3

check the Config.rb file in your folder. without it, you must execute Ctr c each time and skip this command sass --watch scssname: cssname

then you can find your code in css.

Answer 4

Are you sure all your partial files are imported into app.scss? I had the same problem, only to implement the partial file that I modified (_custom.scss) did not actually import main.scss.