静态资源图像在LWC中不显示

Question

我无法使用LWC在HTML中显示静态资源图像。下面是文件。请指导我解决这个问题。

<lightning-card> <img src={profilePic}/> </lightning-card> 

JS文件

  import { LightningElement,track } from 'lwc';
    import staticResourceImage from  '@salesforce/resourceUrl/Static_Images';
    export default class MyComponent extends LightningElement {
        profilePic = staticResourceImage+'/avatar.png' ;
    }

静态资源：静态资源创建

静态资源图像

图像误差

提前谢谢，

Answer 1

将/avatar.png更新代码删除为profilePic = staticResourceImage；