关于自关闭 HTML void 元素的难以理解的 ESlint 警告

Question

在我的 Vue 项目中，我有以下元素：

<img
  class="header__branding__logo"
  src="@/assets/img/logo_desktop.svg"
/>

它是自动关闭的。然而，ESlint 抛出了这个警告：

Disallow self-closing on HTML void elements (<img/>)  vue/html-self-closing

对我来说没有任何意义，我错过了什么吗？有什么问题？

Answer 1

您的 linter 只是遵循您配置它的编码风格。您的 HTML 不是无效的（尽管这/被认为是不必要的），但您已将 linter 配置为禁止/在自关闭 HTML 标记上这样做，因此这就是为什么它会通过警告来引起您的注意。