javascript - 聚合物 2：组合来自不同地点的海关标签

Question

我目前正在玩 Polymer 2(*) 并遇到问题......

我想提供托管在专用位置的服务，该服务基于自定义标签，可以嵌入到随机的其他网络应用程序中。我已经完成了标签，它封装了一个小工具并添加了 CORS 标头。出于测试目的，我编写了一个嵌入页面的纯 JavaScript 页面。一切都按预期工作。

下一个测试用例是一个小型 Polymer 2 应用程序，它也使用（嵌入）标签。两者（嵌入应用程序和嵌入式应用程序都包含一些 paper-*-tags，这就是问题所在：浏览器告诉我，他们无法注册一些标签，因为它们已经注册了。我知道，这个问题通常发生在导入相同标签的不同版本或导入路径在整个应用程序中不一致时，但在我的情况下，这不是错误，而是功能。我希望独立于嵌入自定义的技术标签是构建。

铬 71：

dom-if.html:305 Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry
at [...]/bower_components/polymer/lib/elements/dom-if.html:305:18
at [...]/bower_components/polymer/lib/elements/dom-if.html:309:3

火狐 64：

NotSupportedError: Operation is not supported dom-if.html.js:292
<anonymous>
[...]/bower_components/polymer/lib/elements/dom-if.html.js:292:3
<anonymous>
[...]/bower_components/polymer/lib/elements/dom-if.html.js:1:2

`

关于如何解决这个问题的任何建议？我尝试捆绑以使组件扁平化，但未能成功解决问题。

-- 米克68

(*) 好吧，我承认，Polymer 2 不是最新/当前的东西，但我必须坚持下去，直到整个项目换档。

标签： javascripthtmlpolymer