Photo library picture taking issue. the picture does not appear

#1

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>

Screen

ionic info
info

if error = photo.photoURL | cdvphotolibrary

                <img [src]="photo.photoURL | cdvphotolibrary" alt="{{photo.fileName}}"><br>
         
                {{ photo.photoURL }}
            </div>
        </div>