最終更新日：2021.05.25
さてさて、今日もコーディングがんばりますか！
とタスクランナーを動かすと見慣れぬエラーが…。
DEPRECATION WARNING on line 87 of /Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss:
#{} interpolation near operators will be simplified in a future version of Sass.
To preserve the current behavior, use quotes:
#{} interpolation near operators will be simplified in a future version of Sass.
To preserve the current behavior, use quotes:
unquote(‘”$moz-“#{$experimental-support-for-mozilla} “$webkit-“#{$experimental-support-for-webkit} “$opera-“#{$experimental-support-for-opera} “$microsoft-“#{$experimental-support-for-microsoft} “$khtml-“#{$experimental-support-for-khtml}’)
You can use the sass-convert command to automatically fix most cases.
_deprecated-support.scss内の書き方で怒られているみたい。
ううむ、他案件でアップデートしたからかな、古い案件だから差異がでちゃったのかな、謎ですが気になるので修正します。
/Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/css3/内にある
_deprecated-support.scssをエディターで開きます。
修正前(_deprecated-support.scss)
コピー
// A debug tool for checking browser support
@mixin debug-support-matrix($experimental: true, $ie: true) {
@debug #{'$moz-'}$experimental-support-for-mozilla
#{'$webkit-'}$experimental-support-for-webkit
#{'$opera-'}$experimental-support-for-opera
#{'$microsoft-'}$experimental-support-for-microsoft
#{'$khtml-'}$experimental-support-for-khtml;
@debug #{'$ie6-'}$legacy-support-for-ie6
#{'$ie7-'}$legacy-support-for-ie7
#{'$ie8-'}$legacy-support-for-ie8;
}
修正後
コピー
// A debug tool for checking browser support
@mixin debug-support-matrix($experimental: true, $ie: true) {
@debug '#{'$moz-'}$experimental-support-for-mozilla'
'#{'$webkit-'}$experimental-support-for-webkit'
'#{'$opera-'}$experimental-support-for-opera'
'#{'$microsoft-'}$experimental-support-for-microsoft'
'#{'$khtml-'}$experimental-support-for-khtml';
@debug '#{'$ie6-'}$legacy-support-for-ie6'
'#{'$ie7-'}$legacy-support-for-ie7'
'#{'$ie8-'}$legacy-support-for-ie8';
}
項目#{$}をシングルクォーテーションで囲んであげる。
これでエラー表示はなくなります！