😶🌫️
Next.jsでfaviconが設定できなくなった(app router)
問題発生
- 先日、いつも通り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