에러 백과

HMR을 활성화했을 때의 @defer 동작

핫 모듈 교체(Hot Module Replacement, HMR)는 애플리케이션의 일부만 변경되었을 때 전체 페이지를 다시 로드하지 않도록 개발 서버가 사용하는 기법입니다.

Angular에서 HMR을 활성화하면 모든 @defer 블록 의존성을 설정된 트리거 조건까지 기다리지 않고 즉시 로드합니다. 클라이언트 전용 트리거와 점진적 하이드레이션 트리거 모두에 적용됩니다. 전체 페이지를 다시 로드하지 않고 런타임에 애플리케이션의 컴포넌트를 교체하는 HMR이 올바르게 동작하려면 필요합니다. 참고: HMR 모드에서도 defer 블록을 실제로 렌더링할 때는 트리거 조건을 따릅니다.

개발 모드에서 @defer 블록의 동작을 테스트하고 트리거 조건이 충족될 때 필요한 의존성을 로드하는지 확인하려면 이 문서에 설명된 대로 HMR 모드를 비활성화하세요.