エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SSGのページでreact-fontawesomeのアイコンが一瞬でかく表示されてしまう
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SSGのページでreact-fontawesomeのアイコンが一瞬でかく表示されてしまう
Next.jsアプリでアイコン表示の際にreact-fontawesomeを使っていたのだが、Vercel上でページを開くと一... Next.jsアプリでアイコン表示の際にreact-fontawesomeを使っていたのだが、Vercel上でページを開くと一瞬だけアイコンがでかく表示されてしまう現象が発生した。 ローカル環境では発生せず、Vercelにデプロイした時のみ発生しているのでSSGが原因と考えられる。 調べてみるとissueも上がっており、[[@fortawesome/fontawesome-svg-core/styles.css]]をimportする必要があるとのこと。 ということで_app.tsxにimportを追加したところ、アイコンが正しく表示されるようになった。 // pages/_app.tsx import '@fortawesome/fontawesome-svg-core/styles.css' import '@/styles/index.css' import { AppProps }