Nuxt3 默认布局不渲染

Question

默认布局不渲染。使用以下代码创建了布局目录和default.vue。将 Nuxt 3.7.4 与 Nitro 2.6.3 和 Node js 16.13.2 一起使用

默认.vue

   <template>
      <div>
        Some default layout shared across all pages
        <slot />
      </div>
    </template>

app.vue

<template>
  <div>

 <NuxtLayout>
    page content
  </NuxtLayout>
 
  </div>
</template>

访问本地主机时：3000 仅显示“页面内容”，不确定为什么不显示布局内容

尝试重新启动 npm run dev 和 npm update 但它仍然不显示默认布局内容

Answer 1

这样使用

默认.vue

   <template>
      <div>
        <slot />
      </div>
    </template>

app.vue

<template>
  <div>
    <NuxtLayout>
      <NuxtPage/>
    </NuxtLayout>
  </div>
</template>