SCSSで@charsetを指定するとエラーになる

Question

こんばんは、SCSSを最近始めたばかりの初心者です。

作成したSCSSの一行目に```ここに言語を入力
@charset "utf-8";

を入れてコンパイルしたところ

Error: Invalid charset directive '@charset': expected string.
Use --trace for backtrace.

というエラーになりました。
コンパイルはKoalaで、エディタはadobe bracketsを使用しています。

原因がわからず調べてみても該当記事が見つからないため何か情報をお持ちでしたらご回答お願いいたします。

Answer 1

すみません・・・情けない話ですが自己解決です・・・
単純に拡張子が「.scss」が「.sass」になっていただけでした。
コピペしてもエラーになってしまって焦ってしまった結果ここで質問して回答もいただいて・・・
本当にすみませんでした。
回答していただいた方もありがとうございました。
今後はエラーが起きたら行が空いていないか、エンコードがあっているかも確認していこうと思います。
本当にありがとうございました。

Answer 2

自分もそのエラーで困ったことがあります。

自分の場合は、文頭を空けたり、1番上の行を空けたりして書く癖があるのですが、@charset "utf-8";の記述だけはファイルの1番上の行に文頭を空けずに記述するようにしたらエラーが出なくなりました。

これで解消されなければスミマセン、自分の見当違いです。

Answer 3

そのファイルを保存するときのエンコードがutf-8ではなく別のshift-jisなどになっているのでは？