Meta tags show in browser but don't work

Environment

• Operating System: Darwin
• Node Version: v16.15.1
• Nuxt Version: 3.0.0-rc.9
• Nitro Version: 0.5.1
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: ssr, target, css, modules, runtimeConfig, sanity, meta, sitemap
• Runtime Modules: @nuxtjs/tailwindcss@5.3.3, @nuxtjs/google-gtag@1.0.4, @funken-studio/sitemap-nuxt-3@3.2.0
• Build Modules: -

Reproduction

https://alicia-chamaille-portfolio.pages.dev/

Describe the bug

I have added meta tags to the nuxt.config.ts.

These data can be see when viewing the head from the elements, but when trying to validate they are working, I get errors say no description etc. These are the sites I’m trying to test on https://cards-dev.twitter.com/validator https://rushax.com/tools/meta-description-checker/ https://totheweb.com/learning_center/tool-test-google-title-meta-description-lengths/ https://www.heymeta.com/url/www.thaliarabie.com/

No one of them work, any help would be greatly appreciated.

I’ve done the exact same approach on nuxt v2 and it works

Additional context

No response

Logs

No response

[darrenpaul]

Thanks I might try the nitro method.

I did some further research and I think bridge is causing the issue. I saw some other tickets that matched my issues.

So I rather going to go back to Nuxt 2 with composition api and leave bridge out. This method has worked for me in the past.

Appreciate all the help 🙂

[danielroe]

You are welcome. You should check out the issue I linked earlier. It may have an example of a workaround. But if not, and you have an operational requirement not to have SSR, then you can inject chunks of html into the head via a nitro plugin.

A final note. I’ve come across a lot of people who have the idea that they need to disable ssr in order to statically generate their sites. That may not be you, but just in case, it is absolutely not true and in fact it’s almost the reverse situation.