プログラミング

compass watch(compass w)でハマった!エラーと解決方法

compass watch実行時のエラーコード『incompatible character encodings』

Encoding::CompatibilityError on line ["87"] of C: incompatible character encodings: UTF-8 and Windows-31J Run with --trace to see the full backtrace

上記コードはターミナルにて"compass watch(もしくはcompass w)"と入力したところ、返されてハマったエラーコードです

VS code(Visual Studio Code)にてSassを書こうとしていたのです

compassのエラーコード解決方法:C直下に作業フォルダを移す

ファイルのパスに英語以外の文字が含まれないことが、compass watch(compass w)のエラーコードを回避するのに重要であると思われます

そのため、単純なディレクトリであるC¥に作業フォルダごと移すと解決できます

私はそうやって解決しました

おおっと忘れてはいけません!サンプルなどといったフォルダ名を使っているなら、その日本語もやめておきましょう

フォルダ名はsimpleに、sampleで。

compass初心者がエラーコードにハマった方法

『Sassを書くならcompassは必須といっても過言ではない』とプログラミングスクールで習いました

デザインしたWebサイトを簡単に確認したり見たりするためには、compassによるコンパイル(cssへの自動変換)が推奨されます(他にもメリットは色々ありますが)

そのためcompassをインストールし、compass watch(compass w)したところ、冒頭のエラーコードを返されたのです

最初はcompass watch(compass w)するディレクトリが間違っているのかと思いました

なので何度か色々なディレクトリでcompass watch(compass w)しましたが、無駄足に終わりました

私と同じようにハマった人が救われますように

-プログラミング
-,

© 2020 しわ婆さんの知恵袋