从另一个webapp使用Polymer 3.0自定义元素

从另一个webapp使用Polymer 3.0自定义元素,polymer,web-component,custom-element,polymer-elements,Polymer,Web Component,Custom Element,Polymer Elements,我正在尝试使用webapp中使用Polymer CLI构建的自定义web组件。为了使用polymer设置第一个虚拟自定义元素,我执行了以下步骤: 使用节点v8.9.1、npm v5.5.1和polymer cli v1.7.2 mkdir我的自定义元素(&cd)我的自定义元素 聚合物与聚合物-3-元素 聚合物发球 polymer serve生成的演示应用程序导入了我的自定义元素,并且与跨浏览器兼容。具体来说,它在IE11中加载自定义元素,这是我的项目中的一个要求 我的问题是:如何引导我的weba

我正在尝试使用webapp中使用Polymer CLI构建的自定义web组件。为了使用polymer设置第一个虚拟自定义元素,我执行了以下步骤:

使用节点v8.9.1、npm v5.5.1和polymer cli v1.7.2

mkdir我的自定义元素(&cd)我的自定义元素 聚合物与聚合物-3-元素 聚合物发球 polymer serve生成的演示应用程序导入了我的自定义元素,并且与跨浏览器兼容。具体来说,它在IE11中加载自定义元素,这是我的项目中的一个要求

我的问题是:如何引导我的webapp index.html使用我的自定义元素,这些元素可能会像在演示应用程序中一样托管在另一台服务器上。我还没有找到这方面的文档


对于聚合物元件,例如,有关于如何引导的文档。不幸的是,这不适用于Polymer 3.0元素,例如模块导入的b/c与html导入。

我认为最好的方法是从Polymer init生成的demo/index.html中摘录以下内容:

<!doctype html>
<html lang="en">
 <head>
   <meta charset="utf-8">
   <script type="text/javascript" src="assets/webcomponents-loader.js">/script>
   <script type="module" src="http://localhost:8000/custom-polymer-element.js"></script>
 </head>
 <body>
   <custom-polymer-element></custom-polymer-element>
 </body>
</html>
也由polymer serve使用,并将引导自定义元素

但是,由于跨浏览器兼容性问题,目前这还不够。我必须编写额外的引导代码才能使其在Chrome 65+、FF 59+和IE 11中工作,您可以在这里找到:

"@webcomponents/webcomponentsjs": "^2.0.0",