我如何消耗聚合物聚合物?

时间:2018-09-11 19:27:01

标签: web-component polymer-3.x lit-element

我有一个litElement,我需要从另一个域中使用它。我的浏览器是Chrome,我正在使用“聚合物服务”并直接导航到es5-bundle。

元素很简单。只是一些静态文本。

当我使用'polymer build'时,我的输入HTML页面将被编译(或转换)。我看到添加了对'custom-elements-es5-adapter.js'的引用,以及其他自定义JavaScript。当我导航到此条目页面(在build文件夹中)时,一切正常。但是,如果我用原始的未编译版本替换该编译版本,则在Chrome控制台'define is not defined'.

中会收到错误消息

最终,我将从另一个域调用此方法,并且不会使用聚合物构建HTML。(我已经尝试过跨域,并且无法正常工作)

我需要在客户端中包含什么以消耗聚合物同质元素?

这是我所拥有的:

<body>
    <my-element></my-element>
    <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
    <script type="module" src="./components/my-element.js" crossorigin=""?</script>
</body>

0 个答案:

没有答案