Vue / Nuxt JS无重复属性

Question

[我在Vue JS中使用导航栏创建了一个头组件，并且收到Eslint的错误消息：

Parsing error: unexpected-character-in-attribute-name. (vue/no-parsing-error)   13:14
Error   ESLint  Parsing error: duplicate-attribute. (vue/no-parsing-error)  13:14
Error   ESLint  Duplicate attribute 'to'. (vue/no-duplicate-attributes) 13:14
Error   ESLint  Parsing error: Unexpected closing tag "li". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (prettier/prettier)

当它们只是链接时，我不确定如何解决此问题，我们是否不允许在同一页面上使用相同的属性和标记的链接？

这里是代码：

<template>
  <header class="header">
    <h1 class="title">Dad Jokes</h1>
    <ul>
      <li>
        <nuxt-link to="/">Home</nuxt-link>
      </li>
      <li>
        <nuxt-link to="/jokes">Jokes</nuxt-link>
      </li>
      <li>
        <nuxt-link to="/about">About</nuxt-link>
      </li>
    </ul>
  </header>
</template>

Answer 1

我认为问题是因为标头类。请发出并再次检查。