【Sass/Scss】mixinが読み込まれない！そんな時に確認すること5つ。

あれ？mixinなんで使えないの！ってなることありませんか？私もたまにあるのですが、その際に確認することを5つまとめました。だいたいはいずれかで解決します。

mixinファイルが先に読み込まれているか

mixinを指定するファイルが、mixinを使うファイルよりも先に読み込まれている必要があります。

app.scss等で、mixinファイルが先に記載されているかチェックしてみてください。

たまにあるのが、@mixinと記載すべき箇所を@includeと記載したり、@includeと記載すべき箇所を@mixinと記載していることがあります。

mixinを使いたいファイルは、「_child.scss」のようにアンダーバー（_）を付けていますか？

今回私はうっかりアンダーバーを付けるのを失念しており、mixinが使えない現象に遭遇しました。

タイプミスをしている場合があります。指定したところからコピペ等してみてください。

mixinに引数を指定した場合、全部埋めないと読み込んでくれません。ちゃんと引数を記載しているか確認しましょう。