我有一个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>