As imagens não carregam. | Angular: componentização, formulários e interação com APIs

Fiz o último desafio e até copiei o código disponibilizado, porém as imagens e textos não aparecem.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade o erro que aparece no console é o seguinte:

core.mjs:11458 ERROR TypeError: Cannot read properties of undefined (reading 'imagem') at CardBuscaComponent_Template (card-busca.component.html:2:23) at executeTemplate (core.mjs:11934:13) at refreshView (core.mjs:13429:13) at detectChangesInView (core.mjs:13594:9) at detectChangesInComponent (core.mjs:13569:5) at detectChangesInChildComponents (core.mjs:13607:9) at refreshView (core.mjs:13479:13) at detectChangesInView (core.mjs:13594:9) at detectChangesInComponent (core.mjs:13569:5) at detectChangesInChildComponents (core.mjs:13607:9) handleError @ core.mjs:11458 :8080/promocoes:1 Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR core.mjs:11458 ERROR TypeError: Cannot read properties of undefined (reading 'imagem') at CardBuscaComponent_Template (card-busca.component.html:2:23) at executeTemplate (core.mjs:11934:13) at refreshView (core.mjs:13429:13) at detectChangesInView (core.mjs:13594:9) at detectChangesInComponent (core.mjs:13569:5) at detectChangesInChildComponents (core.mjs:13607:9) at refreshView (core.mjs:13479:13) at detectChangesInView (core.mjs:13594:9) at detectChangesInComponent (core.mjs:13569:5) at detectChangesInChildComponents (core.mjs:13607:9) handleError @ core.mjs:11458 core.mjs:11458 ERROR HttpErrorResponse

Oii, Rodrigo! Tudo certo por aí?

No seu caso, de acordo com a mensagem, o erro está no template do componente CardBuscaComponent, na linha 2, coluna 23. O erro sugere que você está tentando acessar a propriedade imagem de um objeto que ainda não foi definido.

Uma solução possível para lidar com isso é garantir que o objeto que contém a propriedade 'imagem' esteja definido antes de tentar acessá-lo.

Além disso, há outro erro: o "ERR_SSL_PROTOCOL_ERROR". Ou seja, há um problema com a conexão SSL. Se você estiver tentando acessar uma API ou um recurso que requer uma conexão segura, cheque, fazendo favor, se a URL começa com https:// e não http://.

Se outra dúvida surgir, estamos aqui! :D

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.