将多个具有相同ID的元素添加到DOM时会引发错误？

Question

我正在使用react / typescript堆栈，只花了半个小时调试由两个页面上具有相同ID的HTML元素引起的问题。

在未来发生这种情况时，有没有办法让反应或铬牌警告或抛出错误？

Answer 1

将html-validator-cli等验证程序添加到持续集成系统（npm，gulp，grunt等），理想情况下设置为监视代码以进行更改并触发更改时验证程序的执行。有些观看解决方案适用于：npm，gulp。

示例输出从html-validator-cli tests中捕获重复的ID：

Warning: Empty heading.
16  From line 882, column 1; to line 882, column 4
17  Error: Duplicate ID “tinymce”.
18  From line 952, column 22; to line 952, column 56