chelkaz
@chelkaz

VUE JS [NUXT JS] Почему не видно компонент?

Это в /layouts/master.vue
// Так сказать основа
Тут подключаю компонент header
<template>
  <div>
    <header/>
    <div class="test">test</div>
    <nuxt/> 
  </div>
</template>

<script>
  import Header from '~components/Header.vue'

  export default {
    components: {
      Header
    }
  }
</script>


Это индексная страница в /pages/index.vue
<template>
  <div>
    <p>Hi from {{ name }}</p>
    <nuxt-link to="/test">Home page</nuxt-link>
  </div>
</template>

<script>
  export default {
    layout: 'master',
    asyncData ({ req }) {
      return {
        name: req ? 'server' : 'client'
      }
    }
  }
</script>


Это компонент который должен в мастер подключится, что самый верхний! Он подключается без ошибок, но не появляется и его нет(
он в /components/Header.vue
<template>
    <div>Тестовый компонент</div>
</template>

Но самое интересное, что если сделать в файле компонента ошибку, то рендер ругается. А если нет ошибок то рендерит но компонент не появляется.
  • Вопрос задан
  • 760 просмотров
Решения вопроса 1
chelkaz
@chelkaz Автор вопроса
Мелочь, но создало проблему... Ответ простой:
Не используйте встроенные или зарезервированные HTML-элементы в качестве идентификатора компонента
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы