Почему страница html не загружается в nuxt3js

Question

Я использую Nuxt3 js, и когда я нажимаю код java-скрипта nuxt-link, работает, но страница не появляется, пока я не обновлю это код навигационной панели:

      <template>
  <nuxt-link to="/about">About</nuxt-link>
</template>

это о странице:

      <template>
  <div class="pt-8"><h1>About Page</h1></div>
</template>

и это мой макет default.vue:

      <template>
  <div lang="ar" dir="rtl">
    <Navbar /> <slot />
    <app-footer />
  </div>
</template>

Answer 1

Проверьте ваш index.vue (EDIT: все файлы!) в каталоге /pages. Он должен включать только ОДИН корневой элемент (компоненты не считаются элементами), это означает, что все ваше содержимое должно быть заключено в один элемент. больше информации здесь

Answer 2

вам нужно поместить ваш about.vue в папку >pages

с первой попытки вы можете создать компонент страницы в папке и получить доступ в своем браузере.

localhost:3000/{yourPage}