在Polymer 3元素中使用Polymer 2元素的正确方法？

Question

如何在Polymer 3元素中使用Polymer 2元素？以下不起作用,因为<link>元素在阴影dom中不起作用.

static get template() {
    return '
        <link rel="import" href="...">
        <my-element></my-element>';
}

我们可以简单地从<link>元素之外取出并放在顶层,但这感觉就像打破组件一样.

Answer 1

您无法加载两个版本的 Polymer（Polymer 2/1 和 Polymer 3），因为 Polymer 向 WebComponents 的 api 注册了一些自定义元素，当您尝试从 Polymer 2 和另一个 Polymer 3 加载组件时，它会告诉您：您无法再次注册 x 自定义元素。

但是您可以使用 LitElement 和 Polymer 2/1 中的组件，只需在 LitElement 组件中使用html-import-js即可。