自定义元素模板中的聚合物3自定义元素

Question

我有两个组成部分：A和B.我想内作为模板吸气剂通过我经常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);

当然，现在我要嵌入一个别的地方。

然而b-element无法识别，虽然模块B具有呼叫customElements.define(...)，这似乎不会导致它在这一点上被认可。

Answer 1

这工作，我注意到，自定义元素的名字在我的实际代码无效！不要忘记定义自定义元素名称in-the-specification方式！