Пользовательский элемент Polymer 3 в шаблоне пользовательского элемента

Question

У меня есть два компонента: A и B. Я хочу использовать в качестве получателя шаблона пользовательский элемент, который я импортирую с помощью регулярного оператора импорта, например:

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 way!