• ..

NextJS

    既存の HTML タグを Custom Web Component で上書きできるか

    できませんSyntaxError: Failed to execute 'define' on 'CustomElementRegistry': "button" is not a valid custom element nameになります。

    Custom Web Component は 「-」 を挟む形じゃないと定義できない

    foobarは登録できませんが、x-foox-barは大丈夫です。したがって、既存のHTMLタグはワンワールドの名前の要素しかないので無理だということになります。

    カスタム要素の名前にはダッシュ(-)を含める必要があります。つまり、 はすべて有効な名前ですが、 は無効です。この要件によって、HTML パーサーは、通常の要素とカスタム要素を区別することができます。またこれによって、新しいタグが HTML に追加されたときの前方互換性が保証されます。 https://developers.google.com/web/fundamentals/web-components/customelements