关于自关闭 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 标记上使用 /，这就是为什么它会通过警告引起您的注意。