salesforce - 静态资源图像未在 LWC 中显示

Question

我无法使用 LWC 以 HTML 格式显示静态资源图像。下面是文件。请指导我解决此问题。

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;