Ошибка eslint,ошибка есть-но ошибку по какой-то причине не выводит?

Question

[maksymNejmet]

Начало небольшого проекта по Vue.
Есть компонент NavbarHeader:

<template>
  <div class="navbar">
    <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
      |
      <router-link to="/test">Test</router-link>
    </nav>
  </div>
</template>

<script>
export default {
  name: 'NavbarHeader',
};
</script>

<style></style>

В котором по какой-то причине eslint видит ошибку!Текст ошибки:
Compiled with problems:

ERROR

[eslint]
C:\Users\Admin\Desktop\vue+tail\hello\src\components\NavbarHeader.vue

Применяется компонент один раз в файле App.vue

Сам файл:

<template>
  <NavbarHeader></NavbarHeader>
  <p class="red text-2xl text-green-900">testing priority</p>
  <h1 class="text-3xl font-bold underline text-green-900">Hello world!</h1>
</template>

<script>
import NavbarHeader from '@/components/NavbarHeader.vue';
export default {
  components: {
    NavbarHeader,
  },
};
</script>

<style>
</style>

Comments

[Юрий Матрос]

Попробуй

<NavbarHeader></NavbarHeader>
  <p class="red text-2xl text-green-900">testing priority</p>
  <h1 class="text-3xl font-bold underline text-green-900">Hello world!</h1>

обернуть в div

Answer 1

[Vladimir Medvedev]

а это вся ошибка которую отдает линт? и настроен ли в редакторе кода линт, так можно посмотреть хотя бы строчку на которую ругается? Может ругаться на |. Проверь так

<template>
  <div class="navbar">
    <nav>
      <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> | <router-link to="/test">Test</router-link>
    </nav>
  </div>
</template>