はじめに
rails6で開発してる時に以下のようなエラーが発生しました。
SassC::SyntaxError: Error: Incompatible units
これの解消方法です。
環境
Ruby 2.7.6
Ruby on Rails 6.1.6.1
node 16.20.1
sassc 2.4.0
Incompatible units
これが発生するscssの記述は以下です。
width: min(100% - 3rem, 960px);
エラーの内容は互換性の単位で比較しようとしていることです。
上記のscssはrailsのフロントで記載しており、sasscでコンパイルすることで発生する課題のようです。
エラーを解消するためには以下のいずれかで書き直します。
width: #{min(100% - 3rem, 960px)};
width: unquote("min(100% - 3rem, 960px)");
コンパイラに文字列として認識させることで対応できます。