GatbyJSのGitデプロイが失敗した話

ウェブの海

昨日最後のデプロイがうまくいかなかった(netlifyでエラーになっていた)ので、試しに

$gatsby build

をたたいてみました。
ログを見ると、SCSSに問題があったらしく、いわゆるエスケープができてなかったせいで、CSSにうまくコンパイルされていなかったようです。

解決方法:変数をcalc()する時は、#{}を使います。
参照:SCSSの変数と、CSS3のcalc()を併用するには – Qiita


SEO実装

といってもTutorialを写経しただけなんですが。
参考ページ
問題はサイトトップでの使い方ですね……。

タイトルとURLをコピーしました