Static Resource Image is not displaying in LWC

Question

I'm unable to display the static resource Images in HTML by using LWC. Below is the file. Please guide me to fix this issue.

HTML

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

JS File

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

Static Resource: Static Resource Created

Static Resource Images

Image Error

Thanks in Advance,

jiyush · Accepted Answer · 2022-01-10 12:24:02Z

0

remove /avatar.png update code as profilePic = staticResourceImage;

answered Jan 10, 2022 at 12:24

jiyush

2312 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Static Resource Image is not displaying in LWC

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related