에러 백과

유효하지 않은 Shadow DOM 셀렉터

ViewEncapsulation.ShadowDom을 사용하는 컴포넌트의 셀렉터가 커스텀 엘리먼트 태그 이름의 조건에 맞지 않습니다.

유효한 커스텀 엘리먼트 이름으로 인정되는 태그 이름은 다음 조건을 충족해야 합니다.

  • 소문자여야 합니다.
  • 하이픈을 포함해야 합니다.
  • 영문자(a-z)로 시작해야 합니다.

오류 디버깅

조건에 맞도록 컴포넌트 셀렉터의 이름을 바꾸세요.

변경 전:

@Component({
  selector: 'comp',
  encapsulation: ViewEncapsulation.ShadowDom
…
})

변경 후:

@Component({
  selector: 'app-comp',
  encapsulation: ViewEncapsulation.ShadowDom
…
})