日本語があるとSassでエラーが出て困った話

普段コーディングでSassを使っているわけだけど、ずっと困っていたことがある。

SassでCSSを書いてコメントアウトに日本語で入力したり、font-familyに日本語名のフォントを入力した際にコンパイルができずエラーが出てしまう問題・・・。

ググって結構な人が悩んでいるので、今回どうすれば解決できるのか挑戦してみました。
あくまで僕の解決方法になるのでこれをやっても解決しなければ・・・ガンバ・・・!(

 

 

Sassの日本語入力時のコンパイルエラーを回避する方法

今回は日本語が入っていない場合は問題なくコンパイルできる前提です。

Sassの1行目に書きコードを追加する。

 

@charset "utf-8";

 

以上!

え?ってなるかもしれませんが、こんな単純なことで解決しました。
たとえこのコードが既に入っている方も1行目にありますか?
1行目がコメントアウトなどが入っているとエラーが発生するようにです。
僕も1行目がコメントアウトで2行目にこのコードが入っており、入っているのになんでエラー出るんだ・・・ってなってました。

Sassで日本語を使用した際にエラーが出る方はソースの冒頭をもう1度確認してみてください。

コメント