Angularは、サーバーサイドレンダリング（SSR）で生成されたコンテンツがレンダリング後に変更されたことを検出すると、このエラーをスローします。ハイドレーションのプロセスは、SSR後にコンテンツが変更されないことを前提としています。これには、空白文字とコメントノードも含まれます。これらの空白文字とコメントノードは、SSRプロセスによって生成されるHTMLに保持する必要があります。ハイドレーションガイドで詳細をご確認ください。
エラーのデバッグ
通常、これは次の場合に発生します。
一部のCDNプロバイダーは、HTMLから空白文字とコメントノードを削除する組み込み機能を最適化として備えています。CDN構成にそのようなオプションがあるかどうかを確認し、オフにしてください。 SSRによって生成されたHTMLをカスタムで後処理する場合（ビルドステップとして）、このプロセスで空白文字とコメントノードを削除しないようにしてください。