Imagens não estão sendo puxadas da Api, apresenta os seguintes erros:

Olá, Jorge! Tudo bem?

Em app.module.ts, faltou o "r" de "angular" em import { HttpClientModule } from '@angular/common/http';, e por isso o Angular não reconhece HttpClientModule.

Também confirme que o PhotosModule está corretamente sendo importado, pois aparentemente o Angular não conseguiu encontrar o componente. Se não conseguir, manda aqui o código do app.module.tse do photo.component.ts.

Espero ter ajudado!

Em app.module.ts realmente estava faltando o "r" em angular. Desculpe por não ter visto. No entanto a api ainda mostra os seguintes erros:

Browser application bundle generation complete.

Initial Chunk Files | Names  |     Size
vendor.js           | vendor |  2.17 MB
main.js             | main   | 11.83 kB

3 unchanged chunks

Build at: 2021-05-18T14:18:09.524Z - Hash: ce7eaf4cd8b4a168670c - Time: 1950ms

Error: src/app/app.component.html:3:16 - error TS2339: Property 'url' does not exist on type 'Object'.

3   [url]="photo.url"
                 ~~~

  src/app/app.component.ts:7:16
    7   templateUrl: './app.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AppComponent.


Error: src/app/app.component.html:4:24 - error TS2339: Property 'description' does not exist on type 'Object'.

4   [description]="photo.description">
                         ~~~~~~~~~~~

  src/app/app.component.ts:7:16
    7   templateUrl: './app.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AppComponent.

Aqui esta~ão o códigos dos arquivos pedidos.

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';

//Acima estão os imports do Angular e abaixo os meus imports
import { PhotosModule } from './photos/photos.module';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    PhotosModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

e photo.component.ts

import { Component, Input } from "@angular/core";

@Component({

  selector: 'ap-photo',
  templateUrl: 'photo.component.html'

})

export class PhotoComponent{
  @Input() description=  '';
  @Input() url='';
}

Obrigado pela ajuda.

Parece que o colega que fez esse pergunta https://cursos.alura.com.br/forum/topico-failed-to-compile-src-app-app-component-html-3-14-error-ts2339-property-url-does-not-exist-on-type-object-151688 passou pela mesma situação. Foi informado que é preciso fazer a tipagem da url, mas sabe me informar onde devo fazer essa tipagem? Em qual arquivo?

Sim, realmente, talvez funcione se você tipar. Você pode adicionar uma interface no app.component.ts. Porque no seu erro, o TypeScript não acha que o objeto tenha essas propriedades quando você tenta acessá-las no app.component.html (quando passa em foto por foto da array de fotos).

Então, no app.component.ts, fora da classe:

interface Photo {
  url: string
  description: string
}

E no mesmo arquivo, onde você declara a array de fotos:

photos: Photo[] = [];

Espero que resolva!

Resolvido! Meu app.componet.ts está da seguinte maneira:

export class AppComponent {

  photos:  Photo[] = [];

  constructor (http:HttpClient){
    http
      .get<Photo[]> ('http://localhost:3000/flavio/photos')
      .subscribe(photos => this.photos = photos);
   }


}

interface Photo{
  url: string
  description: string
}

Obrigado pela ajuda e espero que esta pergunta seja útil para outras pessoas :)