predefined images do not work

[jpengelbrecht]

Using the url of predefined images doesnt work.
for example

from the docs i use this example

the above code will result in no OG image being generated.

if i use this example to render the template using an image inside a normal template

i get the following error.

also as a final note, i also noted that this og image rendered doesn't like webp usage and breaks whenever i try use it.

here is a test repo https://github.com/jpengelbrecht/nuxt-seo-route-rules-issue/blob/main/app.vue

[harlan-zw]

the above code will result in no OG image being generated.

it shouldn't generate an OG Image, it should just add the meta tags pointing to this file? It just acts as a shorthand for avoiding to manually define all of the tags

if i use this example to render the template using an image inside a normal template

this is likely because the image can't be accessed

[jpengelbrecht]

@harlan-zw so the odd thing is.

works on playground so don't think the image is the problem

however it doesn't work on generate. it gives this error

then using this way

shows this in the generator

[harlan-zw]

Can you share a reproduction so I can see what's going on?

For the second issue, this is a known issue for predefined images, see https://github.com/nuxt-modules/og-image/issues/129. You should use a third-party tool to preview the og image if you want to verify it (Nuxt DevTools also has issues).

[jpengelbrecht]

@harlan-zw here you go https://github.com/jpengelbrecht/nuxt-seo-route-rules-issue/blob/main/app.vue

[harlan-zw]

Thanks, sorry missed it the first time :laughing:

I've pushed up a fix for the prerendering issue in 3.0.0-rc.27

[jpengelbrecht]

no stress dude! you have been fixing these patches like a mad man, really appreciate the effort you put in man