LitElements и веб-пакет не рендеринг

Question

Я пробую LitElements в существующем проекте с веб-пакетом
Компонент должен быть автономным (я не могу добавить больше, чем тег сценария в HTML-файл)

я строю эту запись.ts

import { LitElement, html, css, customElement, property } from 'lit-element';

import '@webcomponents/webcomponentsjs';


@customElement('my-element')
export class MyElement extends LitElement {

  @property()
  mood = 'great';

  static styles = css`
    span {
      color: green;
    }`;

  render() {
    return html`Web Components are <span>${this.mood}</span>!`;
  }

}

и добавление <my-element></my-element>
У меня нет специальной конфигурации для веб-пакета
ничего не рендерит