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

Question

我有两个组件：A和B。 我想在模板 getter 中使用一个通过常规导入语句导入的自定义元素，例如：

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-element虽然模块B有一个对customElements.define(...)的调用，但这似乎不会导致它在这一点上被识别。

Answer 1

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