Sanity 11ty Blog Starter: Cannot Read Property 'Replace' of null

I’m trying to update the sanity 11ty blog starter to display the images. I’m using @sanity/image-url to get the url and have generated a couple of shortcodes as shown in the sanity docs but I keep getting the following error:
the error message goes away when I remove the shortcode from the nunjucks template, e.g.

anyone know what might be causing this?

To clarify, does it work if you use the full form rather than the shortcode? (I couldn’t tell if you meant it works when you replace it or completely remove it.)

Hi Geoff, thanks for replying. I’m not sure how to use the full form, can you give me an example? I can access the mainImage object if that’s what you mean e.g. using
which doesn’t produce any errors and does display the alt text for the image.

Hi Geoff, thanks for replying. I’m not sure how to use the full form, can you give me an example? I can access the mainImage object if that’s what you mean e.g. using
which doesn’t produce any errors and does display the alt text for the image.

I'm actually not sure—I've never built in 11ty but wanted to see how I might be able to help. I'll make some attempts until someone more capable contributes. 😆

Ok no worries. Just to clarify the error does go away if I remove the shortcode definition in the Nunjucks file.

I fixed it, turned out to be something really simple in the end. There was no error checking in the Nunjucks template to see if the image object actually existed and one of the posts didn’t have a mainImage uploaded, so it was trying to parse an image that wasn’t there, hence the error.

I fixed it, turned out to be something really simple in the end. There was no error checking in the Nunjucks template to see if the image object actually existed and one of the posts didn’t have a mainImage uploaded, so it was trying to parse an image that wasn’t there, hence the error.

Glad to hear you got it working, Nigel. Thanks for the follow-up.