嵌套聚合物组件不起作用

Question

我正在为一个项目尝试 Polymer 2.0，我想在自定义元素中包含自定义元素（使用未命名的插槽）：

<my-overview-element>
    <my-child-element1></my-child-element1>
    <my-child-element2></my-child-element2>
    <my-child-element3></my-child-element3>
</my-overview-element>

加载带有 my-overview-element 的页面时，子元素不可见。我确实在 DevTools 的 my-overview-element shadowRoot 下找到了它们，但它们并未呈现在页面上（似乎它们未被识别为自定义元素）。当导航到另一个包含 <my-child-element1> 的页面（不作为自定义元素的子元素）然后返回概览页面时，子元素变为可见。 my-child-element2 和 3 也是如此。在他们自己的页面上，子元素工作正常。我是否需要一些特殊命令来将自定义元素呈现为另一个自定义元素的开槽子元素？我尝试在概览页面中延迟导入它们，但这没有帮助。

Answer 1

你是否正确加载了所有这些东西

<link rel="import" href="my-child-element1.html">
<link rel="import" href="my-child-element2.html">
<link rel="import" href="my-child-element3.html">

Answer 2

感谢您的回复和建议。问题是lazy-import：导入子元素似乎有点懒惰。因为它适用于页面上的主要元素，所以我不怀疑 lazy-import 是罪魁祸首。对这些元素使用常规 import 可以解决问题。

嵌套聚合物组件不起作用

nesting polymer components doesn't work

polymer-2.x