Nuxt instance unavailable on all pages

Environment

• Operating System: Darwin
• Node Version: v16.14.0
• Nuxt Version: 2.15.8
• Package Manager: yarn@1.22.17
• Builder: webpack
• User Config: modules, buildModules, dev, build, css, meta, app, runtimeConfig
• Runtime Modules: @nuxtjs/sitemap@2.4.0
• Build Modules: nuxt-purgecss@1.0.0, ~/modules/pages

Reproduction

Start dev environment via yarn dev

Describe the bug

On every page I get the error

nuxt instance unavailable

  at useNuxtApp (./.nuxt/dist/server/server.mjs:587:13)
  at Module.useRuntimeConfig (./.nuxt/dist/server/server.mjs:595:10)
  at $id_bbf8dc5e (./.nuxt/dist/server/server.mjs:41284:38)
  at async __instantiateModule__ (./.nuxt/dist/server/server.mjs:42697:3)

Additional context

I use useNuxtApp in app.vue

./app.vue

const nuxtApp = useNuxtApp()

nuxtApp.hook('page:finish', () => {
    window.scrollTo(0, 0)
})

Logs

No response

[tiborpino]

@leccyril That’s a deliberate choice: #4016 (comment). Glad things are working for you after upgrade 😊

@tiborpino Are you still encountering this? Could you provide any answers to #4287 (comment)?

I’ve identified two problems and the error is now fixed

1. We used to import like this import { useRuntimeConfig } from ‘#nitro’ - now not needed
2. We use useRuntimeConfig outside defineNuxtPlugin

const config = useRuntimeConfig()
export default defineNuxtPlugin(() => {}

moved inside function solved the error

export default defineNuxtPlugin(() => {
    const config = useRuntimeConfig()
}

[Horpey]

If you have any imports in your component file from nuxt/app or #app, you can remove them, try to run the app and also generate it again to see if the error is gone.