CSS PR

Sassで日本語入力でエラーが出た時の対処方法

記事内に商品プロモーションを含む場合があります

SassをCSSにコンパイルする際に毎回迷惑していたSass内に日本語書くとエラーが出てコンパイルできない問題。
font-familyなどをしている時とかコメントアウトとかかなりめんどくさいな〜と感じていましたが、ついにそれを解決しました!
Sassで日本語(2バイト以上の文字)が入った際に起こるエラーを回避するをご紹介します。
※あくまで僕が解決できた方法です。原因が違う場合があります。

 

 

日本語入力した際に起こるSassのエラーを回避する方法

Sassの1行目に下記を入力します。

 

@charset "utf-8";

 

これだけ!!
僕はDwとサブライムテキストでコーディングをするのでDwでSassファイルを作り、サブライムテキストで使用していました。
Dwで作るとデフォルトで1行目にコメントアウトが入るんですよね・・・。
それを削除し、1行目に上記のコードを入力することで解決しました。

 

そんな単純なことだったのか・・・。
Sassで日本語入力でエラーが出た方、1度お試しください。

ABOUT ME
シラツキ
Web制作会社で働くフロントエンドエンジニア(コーダー)。 ココナラでもお仕事募集しております。 HTML,CSS,JS,WordPress,EC-CUBE,Next.jsなど制作に役立つ情報を発信していきます。 webサイトの運営、修正、制作などお仕事も募集中! お気軽にご相談ください。