来自 shadow-dom 的重复 ID 错误

Question

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

Answer 1

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

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

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

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

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

Github paper-input dublicate id's

来自 shadow-dom 的重复 ID 错误

Duplicate ID error coming from shadow-dom

polymer

polymer-1.0

shadow-dom