photo library picture taking issue. the picture does not appear

Help Me !!!

upload.ts

fetchPhotos() {
this.photoLibrary.requestAuthorization().then(() => {
    this.photoLibrary.getLibrary().subscribe({
        next: library => {
            this.photos = library;
			this.cd.detectChanges();
		//	console.log(this.library[0].thumbnailURL)     
//this.tempImagePath = normalizeURL(imagePath);
        },
        error: err => { },
        complete: () => { console.log("could not get photos"); }
    });
}).catch(err => console.log("permissions weren't granted"));
}

upload.html

     <div class='photos' *ngIf='photos'>
                <div class='photo' *ngFor='let photo of photos;'>
              
                    <img [src]="photo.photoURL" alt="{{photo.fileName}}"><br>
             
                    {{ photo.photoURL }}
                </div>
            </div>

ionic info
info

Screen

İf error = [src]="photo.photoURL | cdvphotolibrary"

    <div class='photos' *ngIf='photos'>
                <div class='photo' *ngFor='let photo of photos;'>
              
                    <img [src]="photo.photoURL | cdvphotolibrary" alt="{{photo.fileName}}"><br>
             
                    {{ photo.photoURL }}
                </div>
            </div>

solved the problem: D did not help anyone in the site