default.vue中的组件在Nuxt中编译后被删除

Question

我正试图在Nuxt/layouts/default.vue 中的Nuxt应用程序中添加标题

<template>
<div> 
<Navigation/>
<Nuxt />
</div>
</template>

被更改为

<template>
<Nuxt />
</template>

编译后我放在default.vue中的任何代码都会被删除。

我使用的是nuxt v2.15.8和节点v16.13.2

Answer 1

一个问题可能是'default.vue'驻留在NUXT根目录(通常为.nuxt(中。请参阅附件中的图片。这是nuxt渲染文件的目录。因此，在编译时，它将不断刷新。我也有同样的问题。我通过在.nuxt之外创建'layouts'目录解决了这个问题，这是正确的方法

因此，修复后，您的default.vue结构可能如下所示：<your-proj-dir>/layouts/default.vue.

我错误地创建了像这个一样的layouts/default.vue

通过创建layout/dfeault.vueouside.nuxt目录修复了此问题

Answer 2

检查布局目录的名称