Polymer 带有自定义元素的外部脚本

我正在用聚合物创建一个自定义元素，以嵌入一个中等剖面卡。媒体提供的嵌入代码是

<script async src="https://static.medium.com/embed.js"></script>
<a class="m-profile" href="https://medium.com/@pankajparashar">Pankaj Parashar</a>

我的自定义元素的代码如下所示

<link rel="import" href="bower_components/polymer/polymer.html">
<script async src="https://static.medium.com/embed.js"></script>

<polymer-element name="medium-card">
    <template>
        <a class="m-profile" href="https://medium.com/@pankajparashar">Pankaj Parashar</a>
    </template>
    <script>
        Polymer('medium-card', {});
    </script>
</polymer-element>

聚合物（'medium-card'，{}）；

我注意到，当脚本包含在自定义元素中时，它不会加载。因此，我将外部脚本

embed.js

添加到

polymer元素

标记之外。尽管外部脚本现在已加载，但它根本不嵌入配置文件卡

---

外部脚本的使用方式是否有问题？我也不想使用iframe技术。

您应该做的一件事是删除

async

attr。由于您处于HTML导入中，因此已经与主文档解析器异步。此外，我们通常将.js依赖项包装在它们自己的导入中（例如）。这样，如果应用程序的其他部分需要使用embed.js，他们可以通过导入加载它，浏览器将消除URL的重复。至于实际问题，很可能是因为embed.js找不到影子dom内部的

。