【Gatsby】Netlifyで一部CSSが反映しない
2023-02-25
はじめに GatsbyでbuildしてNetlifyでデプロイしたら一部CSSが反映しない!という事象が出ました。 状況は以下の通り gatsby develop 反映してる ⭕ gatsby build → gatsby serve 反映してる ⭕ gatsby build → GitHub → Netlify 反映しない ✖ 解決方法 CSSはきちんと書こうってことでした。 CSS ↓✖NGなパターンbody { font-family : "Helvetica Neue" , Arial , Meiryo ; } CSS ↓⭕OKなパターンbody { font-family : "Helvetica Neue" , "Arial" , "Meiryo" ; } インターネットで信頼している記事を参考に気軽にコピペで使ったのですが、クォーテーションが合ったりなかったりしたら、Netlify側でうまく反映出来ない感じでした。 追記 以下もダメでした。 エラー出ないし。Netlifyに反映しないだけなので厄介なので、今後また発生しだい追記しようかと思います・・・。 CSS ↓✖NGなパターンbody { padding : 8px 0 8px 0 ; } CSS ↓⭕OKなパターンbody { padding : 8px 0px 8px 0px ; } 本当に凡ミスでした。 ただ、Netlifyのデプロイの時だけ失敗する。 という状況で、原因が判明したのも勘で偶然できただけでかなり時間がとられました・・。