来自 shadow-dom 的重复 ID 错误

【问题标题】：Duplicate ID error coming from shadow-dom来自 shadow-dom 的重复 ID 错误
【发布时间】：2018-06-03 17:14:30
【问题描述】：

我正在使用 Polymer 1.0，最近在开发工具中弹出了大量 [DOM] Found 2 elements with non-unique id #someCustomComponent: (More info: shortUrlWithNoUsefulInfo) 错误。重复的 id 来自 Polymer 构建的组件，如 iron-input，它应该在 shadow-dom 中，因此作为重复 id 不可见。还有其他人遇到这个吗？

【问题讨论】：

你能把错误代码贴在这里吗？我经常使用这个组件，我没有这样的错误。

标签： polymer polymer-1.0 shadow-dom

【解决方案1】：

我相信这个问题是随着最新的 Chrome 更新而出现的，但我不能确定这是否是真正的原因。 Github 上已经有一个关于该问题的未解决问题。

在进一步研究问题后，我注意到重复的 ID 只是具有密码类型的纸质输入的问题。在我自己的情况下，我使用 Polymer 组件之一（铁/纸输入）或带有密码类型的标准 HTML 输入并不重要。

是什么帮助我解决了这个问题：

//script must run before Polymer is imported
window.Polymer = {
    dom: 'shadow'
};

但 Github 上还提到了其他一些解决方案
，并进一步解释了导致问题的原因：

Github paper-input dublicate id's

【讨论】：