2020.09.30

Sass

Koalaで発生したコンパイルエラーの対処法

Koalaで発生したコンパイルエラーの対処法です。発生したエラーはログから確認できますが、Koalaの起動を終了するとエラーログは消去されます。

ArgumentError: invalid byte sequence in UTF-8

scssファイル格納先のパスに日本語のディレクトリが含まれることが原因です。ディレクトリ名を日本語から半角英数に変更すると解消します。

Encoding::UndefinedConversionError: "\x82" from ASCII-8BIT to UTF-8

文字コードUTF-8のscssファイルから文字コードShift-JISのscssファイルを読み込んでいてもコンパイルエラーにはなりません。しかし文字コードShift-JISのscssファイル内に日本語が含まれているとコンパイルエラーになります。scssファイルの文字コードをUTF-8で統一すれば解消します。

関連記事

2022.07.13

Sass

@extendのプレースホルダーセレクタを利用

@extend専用のプレースホルダーセレクタは「%セレクタ名」のように記述します。@extendのプレースホルダーセレクタはCSSとして生成されません。 以下の…

2021.01.26

Sass

インターポレーションの利用

インターポレーションは変数が参照できない場所でも使うことができるようにする機能です。通常Sassの変数はプロパティ値から参照して使用します。この場合インターポレ…

2024.08.02

Sass

ローカル変数をスタイルセットの外側で使用

通常Sassのローカル変数はスタイルセットの外側で使用することができません。セレクタ名の一部で変数を使用する場合、以下のように記述すると定義されていない変数を参…

2022.05.11

Sass

Sassの@import

CSSの@importは以下のいずれかを記述します。 style.cssからabout.cssを読み込んでいるので、htmlではstyle.cssのみ読み込みま…

2021.03.29

Sass

@at-rootによるルートへの書き出しと@keyframes

通常通りSassをコンパイルした場合、ネストされたルールセットをルートに書き出すことはできません。 コンパイル後のCSSは以下のようになります。 クラス名con…

上に戻る