page render fail when server api not ready.

[transtone]

Environment

• Operating System: Windows_NT
• Node Version: v18.15.0
• Nuxt Version: 3.4.3
• Nitro Version: 2.3.3
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: modules, experimental, css, colorMode, nitro, app, build, pwa, devtools
• Runtime Modules: @vueuse/nuxt@10.1.2, @unocss/nuxt@0.51.12, @pinia/nuxt@0.4.10, @nuxtjs/color-mode@3.2.0, @vite-pwa/nuxt@0.0.7
• Build Modules: -

Reproduction

https://github.com/transtone/vitesse-nuxt3

Describe the bug

If use top lever await in server api. On waiting, it will get a 500 page with message: Cannot access 'renderer$1' before initialization

Additional context

No response

Logs

No response

relation issue:
#20576

[danielroe]

Nitro does not support top-level await. (Instead, you can use defineLazyEventHandler in these situations.)

cc: @pi0

[transtone]

#14348 (comment)

[transtone]

the key is Cannot access 'renderer$1' before initialization, not only top-level await, but other nitro wait cause this.

why client hmr can't wait till nitro is ready?

[transtone]

the key problem is, when the error start, the whole client gos wrong forever! all page become the error page, refresh and reopen has no effect.

it MUST kill the server and restart it.

[danielroe]

Would you provide a reproduction without using top-level await? 🙏

[danielroe]

~> linking #13893

[transtone]

This problem appeared in an internal project with server/api, It hard to trace the real problem.
but when update to nuxt-3.5.2 with #21008, it never appeared again.