Site deployed but files not added

Support
1

Hi all,
I am an absolute newie and I am stuck! I deployed my site and it all seems fine. However, when I put any city/location in the search bar, the information such as temperature changes. But the corresponding image doesn’t show. e.g, it is a cloudy day in Paris, but there is no image, just the alternative text description of the image. I then downloaded the zip files of the deployed site and it is missing my src file which is on Github. I tried removing it, deploying the site, then adding it again but that doesn’t work. The deploy log also says ‘no new files added’, even though I did add them right before I deployed the site. Any help or insight would be greatly appreciated.

https://dulcet-flan-f39368.netlify.app/

Cheers,
Sojoz

2

Are you able to share the last successful deploy log, and link to the repository you are deploying from?

3

Of course! Here is the github link : sojoz/weather-app-jz (github.com), and I will paste the deploy log (once I figure out how because I cant have more than 4 links or something)

4

Here is a link to download the deployed file. I couldnt paste it jere due to the limited links.

5

Is issue is the images within index.js are not processed by parcel.

With parcel, you would need to use a plugin such as parcel-reporter-static-files-copy to copy these images to the output directory.

Everything might work find in development mode because of the way many frameworks run. This isn’t a Netlify-specific issue because the same occurs locally when running npm run build.

Edit
Another option is to import the image individually in index.js e.g.

import rainIcon from "./svg/rain.svg"

// more code

weatherIcon.src = rainIcon;

// more code

as parcel will then process them.

6

I think I understand what you are saying. So I have to write code for each icon to import it into the index.js file?

7

Amazing! It works! Thank you so much for your help!

8

That is correct.

Also the “Thunderstorm” image

else if (response.data.weather[0].main == "Thunderstorm") {
    weatherIcon.src = "src/svg/thunderstorms.svg";

is incorrect as there is no thunderstorms.svg. There is a thunder.svg and other files with thunderstorms in the name though.

1 Like