ERROR [nuxt] [request error] Invalid value used as weak map key (Vuetify elements)

[stephenjason89]

Environment

---

• Operating System: Darwin
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.4
• Package Manager: pnpm@7.1.3
• Builder: vite
• User Config: buildDir, srcDir, css, typescript, build, modules, runtimeConfig
• Runtime Modules: @pinia/nuxt@0.1.9
• Build Modules: -

---

Reproduction

Describe the bug

Running nuxi generate produces
ERROR [nuxt] [request error] Invalid value used as weak map key
issue is probably related to https://github.com/nuxt/framework/discussions/4588

I also believe that this might cause the error

During nuxt dev, no errors are present.

Additional context

No response

Logs

No response

[danielroe]

That means that you have not registered those components on server-side.

[stephenjason89]

@danielroe This happens only happens in nuxi generate.
nuxi build don't produce this errors.

I can also see that before hydration on nuxt dev that these elements are present

[danielroe]

Would you provide a reproduction then?

[stephenjason89]

Yes,
https://github.com/stephenjason89/nuxt3

Thank you for looking in to it.

just copy .env.example to .env
pnpm install
nuxt dev to make sure it is working.
then try nuxt generate

if you try nuxt build then the errors regarding v-app and v-main are not present.

[danielroe]

The issue was actually in your apollo plugin, and was the following line:

const host = event?.req?.headers?.host ?? location?.hostname

This was failing on the first instance.

Update it to this (or similar) and you should be good to go 👍:

const host = (process.server ? event?.req?.host : location?.hostname) ?? 'http://localhost:3000'

[stephenjason89]

Thank you for pointing this out.
Everything works now.