Angular는 서버 사이드 렌더링(SSR)이 생성한 콘텐츠가 렌더링 후 변경된 것을 감지하면 이 오류를 발생시킵니다. 하이드레이션은 SSR 이후 공백과 주석 노드를 포함한 콘텐츠가 그대로 유지되는 것을 전제로 합니다. SSR이 생성한 HTML에서 이 공백과 주석 노드를 보존해야 합니다. 자세한 내용은 하이드레이션 가이드를 참고하세요.
오류 디버깅
일반적으로 다음과 같은 경우에 발생합니다.
일부 CDN 제공업체는 최적화를 위해 HTML에서 공백과 주석 노드를 제거하는 기능을 기본 제공합니다. CDN 설정에 이런 옵션이 있는지 확인하고 비활성화하세요. SSR이 생성한 HTML에 빌드 단계 등의 커스텀 후처리를 수행한다면 이 과정에서 공백과 주석 노드를 제거하지 않는지 확인하세요.