アップアップ

Web

app.vueに何を記載しても反応がないを解決する

北海道の事件をまとめるプロジェクトをNuxt3で制作した際、app.vueの反応がない現象が発生したので、メモ。謎が解ければ、「まあ、そうだよね」でした。

srcDirを使っていたけどファイルを入れていなかった

nuxt.config.tsにsrcDir: ‘src/’を記述し、ファイルはsrcフォルダにまとめていました。しかし、app.vueだけ、ルートに配置。それで、npm run devもnpm run generateも問題なくできるので、そういうものだと思ってました。しかし、ある時、Page transitionを試そうと、app.vueに記述しても何の反応もありません。consoleを埋め込んでも、直タグを書いても画面に反映されることはありませんでした。

何をやっても反応がなく、アップアップな状態でファイルを眺めている時に気づきました。ひょっとしたら、src以外は反映されないんではないかと。で、早速app.vueをsrc内に移動させると、あるわあるわ反応の嵐。srcDirを設定したら、そのフォルダにapp.vueを入れなければならないと学びました。ちなみに動いたsrcフォルダの中身は以下です。

src
/app.vue
/error.vue
/assets
/components
/composables
/layouts
/pages
/plugins
/public
/types

コメント