自定義元素模板中的Polymer 3自定義元素

Question

我有兩個組件：A和B。我想在As模板getter中使用通過常規import語句導入的自定義元素，例如：

import {LitElement, html} from '@polymer/lit-element';
import B from "./b-element";

export class A extends LitElement {
  ...
  render() {
    return html`Here comes the element <b-element></b-element>`;
  }
}

customElements.define('a-element', A);

元素B：

import {LitElement, html} from '@polymer/lit-element';

export class B extends LitElement {
  ...
  render() {
    return html`Hello Component B here!`;
  }
}

customElements.define('b-element', B);

現在，我當然想在其他位置嵌入A。

但是，盡管模塊B調用了customElements.define(...) ，但無法識別b-element ，這似乎並未導致此時識別它。

Answer 1

這可行，我注意到自定義元素名稱在我的實際代碼中無效！ 不要忘記以in-the-specification方式定義自定義元素的名稱！