Next.jsだと検索結果のtitleがApplication error: a client-side exception has occurredになることがある

Application error: a client-side exception has occurredとは

このエラーはWebアプリケーションのクライアントサイド(ブラウザ上)で例外(エラー)が発生したことを示しています。

通常Next.jsのJavaScriptの問題によって発生し、アプリケーションが正常に動作しなくなる原因となります。

Webアプリケーションで発生しているケースは知っていましたが、丸亀製麺を運営する、株式会社トリドールホールディングスの公式サイトでも発生しているのを発見しました。

トリドールの公式サイトではConsoleにhicharts404.jsのdocument.writeによる「A parser-blocking, cross site」の警告が表示されていますが、こちらの問題もWeb担当者は気づいていないようです。

年末年始のWebサイトの運用は特に注意が必要なのですが、今年は9連休ということもあり、問題を起こして対応が遅れている企業のWebサイトが多いです🎍

「トリドール」のGoogle検索結果