Next.js が何もしていないのに壊れました

壊れていない。

環境

• Windows 10 Enterprise 22H2
• Windows PowerShell 5.1.19041.4291

現象

開発サーバーを起動して意気揚々と http://localhost:3000/ にアクセス。

PS C:\Users\Foo> cd /dev
PS C:\dev\next-app> npm run dev

> next-app@0.1.0 dev
> next dev

  ▲ Next.js 14.2.4
  - Local:        http://localhost:3000

 ✓ Starting...
 ✓ Ready in 1989ms

Application error: a client-side exception has occurred (see the browser console for more information).

ターミナルにぶわーっとエラーが流れてえぐぅーっとなった。

原因

ターミナルのカレントディレクトリまでのパスに実際の大文字・小文字と差異があった。
今回の例では /dev が誤りで正しくは /Dev であった。

PS C:\Users\Foo> cd /Dev
PS C:\Dev\next-app> npm run dev

> next-app@0.1.0 dev
> next dev

 ▲ Next.js 14.2.4
 - Local:        http://localhost:3000

✓ Starting...
✓ Ready in 2.1s

参考

Nextjs Error: Application error: a client-side exception has occurred (see the browser console for more information)