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で統一すれば解消します。

関連記事

2021.03.29

Sass

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

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

2021.01.26

Sass

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

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

2021.02.19

Sass

mixinでfont-sizeとletter-spacingを設定

htmlタグやbodyタグにfont-sizeの基準値を何も設定していない場合、1emを指定すると16pxで表示されます。20pxで表示したい場合は、20px …

2024.08.02

Sass

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

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

2021.07.24

Sass

16進数のRGB値に透明度を指定

CSSでは16進数のRGB値に透明度を指定することはできません。例えば以下のような指定はエラーになり、背景色が適用されません。 Sassではrgba();という…

上に戻る