Tuesday, 15 January 2019

Angular universal / ng-toolkit/universal throws error when image doesn't exist

I'm using @ng-toolkit/universal for my server side rendering approach. Everything works fine, without my images. I'm getting them dynamically. So when a user doesn't have an Avatar, there is a placeholder image which gets shown. Therefore i'm using this function:

verifyAvatar(imageSrc) {
        let img = new Image;
        img.src = imageSrc;

        if(img.complete){
            this.userAvatar= imageSrc
        } else {
            this.userAvatar= '../../../../assets/images/userGraphics/no_avatar.png';
        }
    }

But this function gives ma an error inside my server.ts / logfile ->

ERROR { Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'assets/images/userGraphics/5c38f71e07b6b83f20b46993_avatar' Error: Cannot match any routes. URL Segment: 'assets/images/userGraphics/5c38f71e07b6b83f20b46993_avatar'

the full error for two images is about 300 - 450 lines long... i hope you understand, that you get confused when your server console is flooded with this.

So how do i deal with Angular universal / Ng-toolkit/universal, so that there is no error thrown?

Just for notification, my function works fine and my server doesn't crash, but i would feel much better when the error is gone.

/Edit: I just created a repo to reproduce this -> https://github.com/Sanafan/angularUniversalTest

the error is also thrown when an image is defined: enter image description here



from Angular universal / ng-toolkit/universal throws error when image doesn't exist

No comments:

Post a Comment