👀 See Sanity in action: Watch product demo now →

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

8 replies
Last updated: Jul 12, 2021
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:
Template render error: (/web/_includes/postslist.njk)
sanity-eleventy-blog-web:   TypeError: Cannot read property 'replace' of null
the error message goes away when I remove the shortcode from the nunjucks template, e.g.

<img src="{% croppedUrlFor currentPost.mainImage, 600, 600 %}" alt="{{ currentPost.mainImage.alt }}">
anyone know what might be causing this?
Jul 8, 2021, 9:20 PM
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.)
Jul 8, 2021, 10:01 PM
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
{{ currentPost.mainImage.alt }}
which doesn’t produce any errors and does display the alt text for the image.
Jul 8, 2021, 10:08 PM
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
{{ currentPost.mainImage.alt }}
which doesn’t produce any errors and does display the alt text for the image.
Jul 8, 2021, 10:08 PM
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. 😆
Jul 8, 2021, 10:14 PM
Ok no worries. Just to clarify the error does go away if I remove the shortcode definition in the Nunjucks file.
Jul 8, 2021, 10:16 PM
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.
Jul 10, 2021, 9:12 PM
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.
Jul 10, 2021, 9:12 PM
Glad to hear you got it working, Nigel. Thanks for the follow-up.
Jul 12, 2021, 5:47 AM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Categorized in