Не работает вложенность компонентов VUE CLI?

Question

[Pavel Vinogradov]

Всем привет.Ребята очень нужно помошь ,танцы с бубнами уже надоели
Сруктура проекта



один файл{Header.VUE} вкладываю в другой{HelloWrld} и вывожу один{HelloWrld} и подключаю его в APP.VUE
.При запуске не видит содержание {Header.VUE}
пишит Unknown html tag Header
изменение имени не могает , подскажи те как наладить сборку и вывод файлов
в документе

<template>
  <header>
    <h1>
      Привет
    </h1>
  </header>
</template>

<script>
export default {
  name: "Header"
}
</script>

<style scoped>

</style>

<template>
  <div id="Quiz">
    <Header></Header>
  </div>

</template>

<script>
import Header from "@/components/item/Header";
export default {

 comments: {Header},
  name: "Quiz",


}
</script>

<style scoped>

</style>

<template>
  <div id="app">
 
  <Quiz></Quiz>
  </div>
</template>

<script>

import Quiz from "@/components/Quiz";

export default {

  name: 'App',
  components: {
  Quiz
  }
}
</script>

<style>
 
</style>

Comments

[Алексей Ярков]

Это отличная идея - показать ТОЛЬКО структуру файлов. Видимо код настолько секретный, что мы его не увидим?

[Алексей Ярков]

Pavel Vinogradov, скрины кода? Даже не кода, а всего экрана? Серьёзно?
Правила ресурса, пункт 3.8

3.8. Использовать для демонстрации фрагментов кода только специальный тег code или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

[Pavel Vinogradov]

Алексей Ярков, Исправлю.

[Pavel Vinogradov]

Алексей Ярков,

<template>
  <header>
    <h1>
      Привет
    </h1>
  </header>
</template>

<script>
export default {
  name: "Header"
}
</script>

<style scoped>

</style>

<template>
  <div id="Quiz">
    <Header></Header>
  </div>

</template>

<script>
import Header from "@/components/item/Header";
export default {

 comments: {Header},
  name: "Quiz",


}
</script>

<style scoped>

</style>

<template>
  <div id="app">
 
  <Quiz></Quiz>
  </div>
</template>

<script>

import Quiz from "@/components/Quiz";

export default {

  name: 'App',
  components: {
  Quiz
  }
}
</script>

<style>
 
</style>

Answer 1

[Алексей Ярков]

Имя файла HelloWorld.vue, имя компонента Quiz.
Как же его импортировать?

comments: {Header},

Это эпикфэйл ))