エラー百科辞典

Invalid Shadow DOM selector

ViewEncapsulation.ShadowDom を使用したコンポーネントのセレクターが、カスタム要素タグ名の要件と一致していません。

タグ名を有効なカスタム要素名と見なすには、次の条件を満たす必要があります。

  • 小文字であること。
  • ハイフンを含むこと。
  • 文字 (a-z) で始まること。

エラーのデバッグ

コンポーネントのセレクターを、要件に一致するように名前を変更します。

変更前:

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

変更後:

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