CSS

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サイトの運営、修正、制作などお仕事も募集中! お気軽にご相談ください。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)