ブラウザ上に「Application error: a client-side exception has occurred」と表示されて困っていませんか?
そこで今回は、このエラーが表示される原因と対応策について解説したいと思います。
「Application error: a client-side exception has occurred」とは?
「Application error: a client-side exception has occurred」とは、正式には「Application error: a client-side exception has occurred (see the browser console for more information).」と表示されるエラーのことで、日本語に翻訳すると「アプリケーションエラー:クライアントサイドの例外が発生しました(詳細はブラウザのコンソールを参照してください)」と書かれていること分かります。
このエラーは、「SPA (シングルページアプリケーション)」のサービスでよく見られ、2022年に行われた「TVer (ティーバー)」のリニューアル時に多発したことで知られています。
TVer君 エラーは日本語で教えて
Application error: a client-side exception has occurred (see the browser console for more information).— つっきー (@Asnano) August 23, 2022
ユーザー (クライアント) 側の対応
ユーザー側の対応としては、サービス側が推奨するバージョンにOSやブラウザをアップデートすることや、その他のいくつかのブラウザアプリを試してみることです。
開発者側の対応
まずは、コンソールに書かれている内容とブラウザごとの挙動の差を確認する必要があります。
また、「Application error: a client-side exception has occurred」のエラーは、Next.jsを使用している環境で出現することが知られています。
該当のフレームワークを使用している場合は、「next.config.js」のswcMinifyプロパティをfalseにすることで解消する可能性があります。
まとめ
ここまで、「Application error: a client-side exception has occurred」のエラーが出てしまう上で考えられる原因と対応策について解説しました。
当記事がエラーで困っている方の参考になれば幸いです。