Skip to content
OverviewSolutions
1
Comments
1
Falco Böhnke
@Falco-Boehnke

All comments

  • Nicole Williams•160
    @MadamSauceSubmitted over 1 year ago

    I had trouble with the image appearing once I deployed it to my GitHub page. Wondering if anyone has any tips to fix this issue. Please see the link below:

    https://madamsauce.github.io/qr-code-component-main/

    QR Code Component

    3
    Falco Böhnke•10
    @Falco-BoehnkePosted over 1 year ago

    The image location is, I assume, in your project and inside the 'images' folder. The full path to the image would then be: https://madamsauce.github.io/qr-code-component-main/images/qr-code-148732__480.webp

    If you try that path you find the image, so the issue must be with your src value

    You are using the image link like this src="/images/xyz.jpg"

    A slash in front means the path is from root, which means it looks for the image at: https://madamsauce.github.io/images/xyz.jpg

    You can fix this in three ways:

    1. Remove the slash in front of images. This means the file will be searched in the folder images, that should be located in the current folder, which would be the project folder.

    2. Add a . in front, that makes it look in the folder you are in right now (project folder) and goes into images

    3. Add the absolute url instead: https://madamsauce.github.io/qr-code-component-main/images/qr-code-148732__480.webp

    Personally I have seen Option 1 most of the time for images located in your project

    0