ValueError: The 'foto_receita' attribute has no file associated with it.

Olá. Estou com um problema na aplicação pois está dando erro que o 'foto_receita' não existe. Fiz todos os passos seguidos em aula.

settings:

#Media
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

urls:

from django.conf import settings
from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('', include('receitas.urls')),
    path('admin/', admin.site.urls),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

index.html

<!-- Single Best Receipe Area -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-best-receipe-area mb-30">
                    {% if receita.foto_receita == null %}
                        <img src="{% static 'img/bg-img/foto_receita.png' %}" alt="">
                    {% else %}
                        <img src="{{ receita.foto_receita.url }}" alt="">
                    {% endif %}
                        <div class="receipe-content">
                            <a href="{% url 'receita' receita.id %}">
                                <h5>{{ receita.nome_receita }}</h5>
                            </a>
                        </div>
                    </div>
                </div>

Como prosseguir?