Nuxt3 – pagesを有効化する方法は App.vue に <NuxtPage /> を書く

問題

「pages 配下に vue ファイルを置くだけでOK」ではない。

<NuxtPage /> の記述が必要だ。

例

App.vue

<script></script>

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

pages/example.vue

<template>OK</template>

表示例

http://localhost:3000/example

<img width="570" alt="image" src="https://github.com/YumaInaura/YumaInaura/assets/13635059/cff64970-564a-465d-baee-3dd759bf4d3e">

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2023-08-12