Nuxtでlayout適用時にページが表示されないときの解決策

Nuxtでlayout適用時にページが表示されない

起きていること

layoutを適用した場合、pagesの<template>タグで設定した内容が表示されない。

SamplePage.vue

<template>
  <div>
    <!-- いい感じのコンテンツ -->
  </div>
</template>
<style>
</style>


<script>
export default {
  layout:'MyLayout'
};
</script>

解決策

layoutでは、<nuxt/>タグが必要です。
この<nuxt/>タグがlayoutに存在している場合、パスと一致するページ(pagesフォルダ内のファイル)を呼び出します。