HttpClient e injeção de dependência foi compilado com problemas

Estou com o mesmo problema.

Olá Matheus, tudo bom?

Segundo o seu erro a propriedade photo não existe. As propriedades de photo.url e photo.description só vão existir se o array de photos tiver sido alimentado pelo método dentro do ngOnInit:

  photos: any[] = []; 

  constructor(private photoService: PhotoService) { }

  ngOnInit(): void {

      this.photoService
        .listFromUser('flavio')
        .subscribe(photos => this.photos = photos);
 }

Assim, quando o *ngFor feito no HTML do AppComponent, cada item dentro do Array photos vai ser atribuido na variável let photo:

<ap-photo 
    *ngFor="let photo of photos" 
    [url]="photo.url" 
    [description]="photo.description">
</ap-photo>

Lembre-se também que o método listFromUser retorna uma requisição get da API que contem a informação das fotos:

const API = 'http://localhost:3000';

@Injectable({ providedIn: 'root' })
export class PhotoService {

    constructor(private http: HttpClient) {}

    listFromUser(userName: string) {
        return this.http
            .get<Photo[]>(API + '/flavio/photos');       
    }

Se não tiver nenhum erro no código, compartilha aqui para que eu possa te ajudar melhor.

Abraço.