【SCSS】コンパイル出来ない？　koalaでエラーが出た時の対処法

こんにちは朱夏です。

先日Sass（SCSS）を導入していざ試してみようと意気込んで作業環境を準備していたのですが、style.scssをコンパイルしようとしたらエラーが出てしまいました。

「どうして・・・前回テストした時は出なかったのに・・・」

そんなふうに凹んでいましたが、立ち止まっていてもしょうがないので対処法を調べてみました。

エラー内容

まずは何故コンパイルできないのかを見てみます。
エラーの内容を確認してみましょう。

これです。
Google翻訳で翻訳してみると、こんな感じの意味でした。

日本語に訳しても良く解りませんでした。
文字コードで何か問題があったのかな？くらいの認識です。

ダメ元でエラーメッセージをまるごと入力して検索をかけてみました。
すると・・・

ドンピシャのエラーが発生している人が他にもたくさんいました。
いくつかのサイトを見てきた結果、どうやらscssファイルまでのパスに日本語が使われていると発生するようです。

対処法

というわけで対処法です。
対処方法は2つでした。

1. SCSSファイルまでのパスで日本語を使わない
2. koalaのバージョンを2.1.4以前にする

webサイトを作成する上で、サーバーにアップロードするものについては日本語は使用しないようにしていたのですが、koalaでいうところのパスは、ドライブからscssファイルまでのパスになるので、場合によっては作業環境をドライブ直下に引っ越ししないといけないかもしれません。

2については裏技的な方法になるので非推奨です。
何故かというと、koala公式のアップデート情報を見ると、Ver2.2.0で以下の様な内容が書かれていました。

つまり、公式が使用できなくしているということです。
もし旧バージョンを使う場合は自己責任でお願いします・・・

フォルダ名から日本語を排除するのが一番手っ取り早い対処法ということですね。

あとがき

というわけで、対処方法は「ファイルやフォルダは全て半角英数にする」でした。
相対パスで取ってくれたら大丈夫なのになーと思いながら(無理か)、作業環境の移動を検討しています。
それか、scssの作業環境だけドライブ直下に作るかですね。

SCSSの導入を考えている方は、作業環境の構築の時から注意しておくと良いと思います。

今回はここまでです。
次回もよろしくお願いします。