Nuxt.js中设置layout: false后页面显示黑屏的问题求助

各位好，我在Nuxt项目里碰到个头疼的问题，想请大家帮忙看看：

我当前的Nuxt站点是启用了pages和layouts功能的，现有一个default.vue布局文件，代码是这样的：

<div id="app">
  <AppSidebar />
  <main class="main-content">
    <NuxtPage />
  </main>
</div>

同时我用NuxtAuth来实现站点的认证功能，为了让认证页面不加载侧边栏，我在认证页面里配置了definePageMeta：

definePageMeta({
  layout: false,
  auth: {
    unauthenticatedOnly: true,
    navigateAuthenticatedTo: '/'
  },
})

原本我以为设置layout: false后，这个认证页面会不使用任何布局，直接渲染自身的内容变成全屏页面，但实际情况却是整个页面显示纯黑屏，完全看不到我写的认证页面内容（附黑屏网页截图）。

有没有大佬遇到过类似的情况？能不能帮我分析下问题出在哪，该怎么解决呀？

内容来源于stack exchange