Nuxt.js 默认布局未应用答案

【问题标题】：Nuxt.js default layout not being appliedNuxt.js 默认布局未应用
【发布时间】：2021-08-06 23:34:24
【问题描述】：

我是使用 Nuxt.js 的新手，并且遇到了一个问题：当我创建我的项目时，没有按照文档说明自动生成 layouts 文件夹。我手动添加了它，但 default.vue 没有在任何地方应用。这里是layouts/default.vue：

<template>
  <div>
      <AppHeader/>
      <Nuxt/>
  </div>
</template>

我已经尝试过手动将default 设置为页面中的布局并在default.vue 中手动导入AppHeader 组件（尽管这绝对不是问题，因为我放在那里的其他HTML 没有得到渲染要么）。不知道这里出了什么问题，挠了挠头。使用nuxt 2.15.7。如果需要任何其他详细信息，请告诉我，我很乐意提供，谢谢。

【问题讨论】：

嗯，这应该可以正常工作。创建一个新的layouts 目录很好，你做得很好。你有 Github repo 链接吗？
您是从 CLI 还是手动创建了项目？默认情况下，它应该使用您上面指出的目录布局/默认值中的文件。控制台是否指出任何错误？所以你已经尝试过了：创建另一个文件 ex. blog.vue 在 layouts 目录中，然后将相同的语法放在那里： --- 然后在您的任何页面或者让我们通过命令创建另一个项目： npm init nuxt-app nuxt-test-app 并运行它，看看它是否有效。
我面临同样的问题，用纱线创建了 nuxt priject 并且不工作，这很奇怪，但是在服务器重新启动后它又开始工作了????????????

标签： javascript vue.js nuxt.js

【解决方案1】：

今天，我遇到了同样的问题，我只是停止了 dev 命令并再次执行"npm run dev"。

它像魅力一样醒来。

【讨论】：

在我的情况下为yarn dev，但它就像一个魅力。谢谢
它工作正常，我使用yarn dev。我的代码运行良好。

【解决方案2】：

只需在 nuxt.config.js 中定义您的组件文件夹路径

例如：

components: {
    dirs: [
      '~/shared',
      '~/shared/atoms',
      '~/shared/molecules',
      '~/shared/organisams',
    ]
  },

【讨论】：

【解决方案3】：

我今天也遇到了这个问题，我花了大约 15 分钟才意识到......

我刚刚将我的文件夹命名为 layout 而不是 layouts :')

我发布它以防其他人像我一样分心

【讨论】：