😶‍🌫️

Next.jsでfaviconが設定できなくなった(app router)

2025/01/27に公開

問題発生

  • 先日、いつも通りNext.jsを使用していて、faviconを差し替えてローカルホストを立ち上げたら、コンソールに下記のエラーが表示されました。
GET /favicon.ico 500 in 414ms
GET /favicon.ico?favicon.8eb1c65f.ico 500 in 9ms
  • 確認してみると、faviconの差し替えもうまくいっていない、、、

対処

  • 対処法はとても簡単でした。
  • app routerで開発する際にはapp直下にfavicon.icoを設置していましたが、そのファイル名をicon.icoとする必要がありました。
  • これで解決!
  • こんな小さいことなのにドキュメントにも記載が見つからないし、chatGPTもいい回答が出せずに時間を浪費してしまいました、、
  • 皆さんが同じ轍を踏まないことを願っています、、、

結論

参考

Discussion