2

私はいくつかの Web コンポーネントを作成するために Auglar Elements をテストしており、うまく機能しています。とにかく、コンソールに次の警告が表示されます。

[非推奨] Element.createShadowRoot は非推奨であり、2019 年 3 月頃に M73 で削除されます。代わりに Element.attachShadow を使用してください。詳細については、 https://www.chromestatus.com/features/4507242028072960を参照 してください。

関連ファイルは platform-b​​rowser.js:1182 です。私が知っておくべきことはありますか?どうすれば修正できますか?Web コンポーネントを作成する別の方法を探す必要がありますか?

4

2 に答える 2

0

エラーが示すように、使用する必要があります

代わりに Element.attachShadow を使用してください。

例:

class SomeElement extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({mode: 'open'});
    }

    connectedCallback() {
        this.shadowRoot.innerHTML = 'Hello World!';
        console.log(this.shadowRoot);
    }
}

customElements.define('some-element', SomeElement);

このモードは、JavaScript を介してシャドウ ルートにアクセスできるかどうかを定義します。のコード
については、戻り値以降は機能しません。{mode: 'closed'}connectedCallbackthis.shaodwRootnull

于 2019-06-18T07:48:17.583 に答える