Это в /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>
Но самое интересное, что если сделать в файле компонента ошибку, то рендер ругается. А если нет ошибок то рендерит но компонент не появляется.