ViewEncapsulation.ShadowDom을 사용하는 컴포넌트의 셀렉터가 커스텀 엘리먼트 태그 이름의 조건에 맞지 않습니다.
유효한 커스텀 엘리먼트 이름으로 인정되는 태그 이름은 다음 조건을 충족해야 합니다.
- 소문자여야 합니다.
- 하이픈을 포함해야 합니다.
- 영문자(a-z)로 시작해야 합니다.
오류 디버깅
조건에 맞도록 컴포넌트 셀렉터의 이름을 바꾸세요.
변경 전:
@Component({
selector: 'comp',
encapsulation: ViewEncapsulation.ShadowDom
…
})
변경 후:
@Component({
selector: 'app-comp',
encapsulation: ViewEncapsulation.ShadowDom
…
})