Para quem estiver problemas com as imagens no assets, basta adicionar esse valor no array assets no angular.json:
{
"glob": "**/*",
"input": "src/assets/",
"output": "/assets/"
}
No final, o seu array deve ficar assim:
"assets": [
{
"glob": "**/*",
"input": "public"
},
{
"glob": "**/*",
"input": "src/assets/",
"output": "/assets/"
}
]
Só com esse ajuste, as imagens serão encontradas normalmente, porém, como adicionou essa referência, poderá alterar para o caminho relativo na tag img.
De:
<img src="../../../assets/imagens/logo-memoteca.png" alt="Logo da aplicação Memoteca">
<img class="imagem" src="../../../assets/imagens/computador-cabecalho.png" alt="Imagem de um computador">
Para:
<img src="/assets/imagens/logo-memoteca.png" alt="Logo da aplicação Memoteca">
<img class="imagem" src="/assets/imagens/computador-cabecalho.png" alt="Imagem de um computador">
Considerações: Ao baixar as imagens, o diretório estava com o nome "Imagens do curso", para renomear "imagens", considere utilizar todas as letras minúsculas (esse é o padrão adotado no Linux e também em vários frameworks, com exceção do .NET que nasceu no Windows), independente da forma ou padrão que escolher, lembre-se de replicar ao definir o caminho do arquivo na tag img.
Versão do Angular: 19 Fonte: https://angular.dev/reference/configs/workspace-config#assets-configuration
