【Gatsby】Netlifyで一部CSSが反映しない

📝 更新日：2023-02-26 / 📄 作成日：2023-02-25

はじめに

GatsbyでbuildしてNetlifyでデプロイしたら一部CSSが反映しない！という事象が出ました。

状況は以下の通り

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のデプロイの時だけ失敗する。
という状況で、原因が判明したのも勘で偶然できただけでかなり時間がとられました・・。