当图像不存在时，Angular universal/ng-toolkit/universal 会抛出错误

Question

我使用@ng-toolkit/universal 作为我的服务器端渲染方法。一切正常，没有我的图像。我正在动态地获取它们。因此，当用户没有头像时，会显示一个占位符图像。因此我正在使用这个函数:

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

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

但是这个函数在我的 server.ts/logfile 中给了 ma 一个错误 ->

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'

两张图片的完整错误大约有 300 - 450 行长。我希望您能理解，当您的服务器控制台被此淹没时您会感到困惑。

那么我该如何处理 Angular universal/Ng-toolkit/universal，才不会抛出错误？

只是为了通知，我的功能工作正常并且我的服务器没有崩溃，但是当错误消失时我会感觉好多了。

编辑:我刚刚创建了一个 repo 来重现这个 -> https://github.com/Sanafan/angularUniversalTest

定义图像时也会抛出错误:

Answer 1

由于带有 md5sum 散列错误的 Angular 回复，这意味着存在将其识别为 png 文件的设置问题。

如果您替换您的组件 HTML 会发生什么(未定义时将 userAvatarSrc 设置为 false)？

<div  *ngIf="userAvatarSrc">
<img [src]="userAvatarSrc"></img>
</div> 
<div  *ngIf="!userAvatarSrc">
<img src="../../assets/images/userGraphics/noAvatar.png"></img>
</div>