angular - LitElement 组件在 Angular 上无法正常工作

Question

我已经下载了一个名为 Astrouxds ( https://www.astrouxds.com/ )的自定义框架（基于 LitElement），我想在 Angular 上使用它的 rux-tabs 组件（我已经使用了它的其他一些组件，像 rux-status 等），但我无法让 rux-tabs 组件工作。

这是我用来显示标签的 HTML。

<main class="grid-zone grid-zone--main">
    <div class="grid-zone__content">
        <div class="grid-zone--main__subheader main__tabs">
            <div class="rux-form-field-div-search">
                <div class="rux-form-field search">
                    <input class="rux-form-field__text-input search" placeholder="Search …&quot; type="search" />
                </div>
            </div>
            <rux-tabs compact id="mainTabs" transparent class="rux-tabs">
                <rux-tab class="secondary-toolbar__tabs__tab" id="t0" role="tab">Tab1</rux-tab>
                <rux-tab class="secondary-toolbar__tabs__tab" id="t1" role="tab">Tab2</rux-tab>
            </rux-tabs>
        </div>
        <rux-tab-panels aria-labeledby="mainTabs" class="grid-zone grid-zone--main__content">
            <rux-tab-panel aria-labeledby="t0" role="tabpanel">
                <div>Tab1 content</div>
            </rux-tab-panel>
            <rux-tab-panel aria-labeledby="t1" role="tabpanel">
                <div>Tab2 content</div>
            </rux-tab-panel>
        </rux-tab-panels>
    </div>
</main>

我还将相关的 .js 导入到项目中

我如何在 Angular 上使用这个组件？