最終更新日：2023‐08-27
環境
Next.js 13.4.13
事象
favicon.icoの参照で500エラーが発生する。
エラーメッセージは以下の通り。
「Server Error Error: A conflicting public file and page file was found for path /favicon.ico https://nextjs.org/docs/messages/conflicting-public-file-page This error happened while generating the page. Any console logs will be displayed in the terminal window.」
原因
公式ドキュメントによると、appフォルダとpublicフォルダに同じ名前のファイルを配置すると衝突を起こします。と説明があります。2つのファイルが同じURLになってしまうため500エラーとしているようです。
対応
２つあるファイルのうち、どちらかを削除するとエラーは解消します。
最初、エラーメッセージが表示されず、Chromeの開発ツールでただ500エラーとなったので、一瞬「？？？」となったのですが、favicon.icoのURLを直接叩いて上げると詳細なエラーが確認できました。
技術の進化についていけていないシステムエンジニア。浅く広く、何でも大体はこなせるエンジニアで重宝されてる（つもり）。でもやっぱり特化した武器欲しい。
備忘録として記事を投稿していますが、少しでも誰かの助けになればと思います。
最近はプロジェクトでReact（TypeScript ）を触っています。
趣味でギター弾きます。