File watcher on a SCSS file

Question

I'm completely stumped. I have tried to the best of my being to fix this.

I have a SCSS file, that has a watcher on it, but the watcher does not seem to be working. A normal CSS file is not being made at all. Here is my SCSS file:

As well, I am using the WebStorm IDE.

Error message:

An exception occurred while executing watcher 'SCSS'. Watcher has been disabled. Fix it.: Cannot run program "C:\Users\Luke\WebstormProjects\untitled\myTestWebsite\main.scss" (in directory "C:\Users\Luke\WebstormProjects\untitled\myTestWebsite"): CreateProcess error=193, %1 is not a valid Win32 application

Program path:

Answer 1

Your Program should point to the Sass Gem of Ruby instead you are pointing to your scss file. This is not correct:

Find the sass.bat file on your computer and use the path to that file in the program value

in my case the correct path is: c:\Ruby22\bin\sass.bat

Webstorm automatically watches every scss file you create and creates a css file. You do not need to create a file watcher for every independent scss file

Small detail: I should add --style compressed to the arguments. This creates a minified version of the css file and the load time is decreased