Getting error in template: Impossible to access an attribute ("getUrl") on a NULL variable ("")

Question

This was working fine previously and not sure what triggered the error. Any idea how to resolve issue?

{% for block in entry.servicesItems.type('images') %}
    <div class="col">

        {# grab the first image #}
        {% set image = block.image.first() %}

        {# link to the full sized version #}
            <a href="{{ image.getUrl }}">
        {# generated the transformed thumbnail version #}
            <img src="{{ image.getUrl('servicesImageCrop')}}" alt="{{ block.alt }}" width="{{ image.getWidth('servicesImageCrop') }}" height="{{ image.getHeight('servicesImageCrop') }}">
            <div id="lightbox-title">
                <h2>{{ block.imageTitle }}</h2>
                <p>{{ block.imageContent }}</p>
            </div>
        </a>
    </div>
{% endfor %}

Answer 1

You can just test if image is defined first using:

{% set image = block.image.first() %}
{% if image %}
    <a href="{{ image.getUrl() }}">...</a>
{% endif %}