Next.jsでfaviconの読み込みエラーが出るときの対処法

Next.jsで開発していると、いつの間にかfaviconのエラーが出るようになりました。

[Function: log]
- error Failed to handle request for /favicon.ico
TypeError: fetch failed

コンソール画面が見づらくなるのでなんとかしたかったのですが、favicon周りはいじっていないので原因が不明。

下記Issuesの最後にある、.nextフォルダを削除してから開発環境を起動させると直りました。

Next fails to build on Windows with a favicon.ico in the app/ folder (HookWebpackError: File C:\Users\xxx\Projects\next-favicon-reproduction\.next\server\app\favicon.ico\route.js does not exist.) · Issue #48603 · vercel/next.js

.nextフォルダは、開発環境を止めたり、VSCodeなどのテキストエディタを閉じないと削除できなかった。