polymer - 未捕获的 DOMException : Failed to execute 'define' on 'CustomElementRegistry' : this name has already been used with this registry

Question

未捕获的 DOMException:无法在“CustomElementRegistry”上执行“定义”:此名称已用于此注册表
在 http://127.0.0.1:8000/components/@polymer/polymer/lib/elements/dom-module.js:175:16

尝试删除节点模块和包锁定并重新安装不起作用。

Answer 1

此错误是由于已注册的自定义元素标记名已注册；要解决此问题，只需检查该名称的元素是否尚未注册。此示例解决方案检查是否已经使用现有 API 注册了某些内容，如果没有，则注册给定的类(继承/扩展 HTMLElement——在某些时候):

customElements.get('the-element') || customElements.define('the-element', HTMLTheElement);

有关 API 的更多信息，请参阅 https://developer.mozilla.org/docs/Web/API/CustomElementRegistry
大多数/成熟的库解决了这个问题，那些没有解决，或者被包和构建过程复杂性破坏的库可以让它弹出；在大多数情况下，更新到当前版本、迁移到 Lit ( https://lit.dev) 或修补问题以某种方式提供了解决方案；请注意，更简单的解决方案更容易维护——从 npm, polymer 的合并中可以看出原始问题中的实际错误； Polymer 项目变成了 lit-html 和 LitElement，最近更名为“Lit”(仍然包括这些 lit-things)。从专业上讲，我正在从 npm 和 Nodejs 迁移到 Deno，目的是解决与 npm 和工具不安全性和复杂性相关的许多问题，但是这个答案提供了更直接的解决方案(了解问题并直接修复，或更新到相关的最新解决方案，其中包括这个)。