为什么页面html没有在nuxt3js中加载

Question

我使用的是Nuxt3 js，当我单击nuxt java脚本代码时，它是工作的，但是在刷新之前页面是不会出现的，这是导航条代码：

<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 (编辑:所有文件！)在/pages目录中。它必须只包含一个根元素(组件不被视为元素)，这意味着您的所有内容都必须包装在一个元素中。这里有更多的信息

Answer 2

你必须把你的‘about.vue’放在文件夹>页中

第一次尝试，您可以在文件夹中创建页面组件并在浏览器中访问。

localhost:3000/{yourPage}