Not loading files in files
Hello. I have my react-website. I used /dist because I am using react + vite. The problem is that I have files of images inside main image folder. As you can see on pictures. What are steps to build it to work?
TTtell me if it is private or public
VPosting again here for visibility. The repo is now public. Project does use the github connect not manual upload
VI made a fork of your repo (https://github.com/demosjarco/BuildsMarket-Web) and it's live here: https://buildsmarket-web-cf6.pages.dev (This is just for demo purposes, I'll be taking it down later this week)
VBy default the build configurations points to a finished directory of
show the content being created in
/build but the last few logsshow the content being created in
/dist insteadVChanging the output directory to
/dist allows it to build successfully on the next tryVTo change this, go to the pages project >
Settings > Builds & deployments > Build configurations > Edit Configurations > Build output directory and set it to dist not build
Tbut still i cant see the images in team section
Twhen you look closely to team page there are empty images. It is caused because they are in a folderer inside main image folder
QI think this is an error in e.g.
src/database/PartnerData.js. The photo properties in there reference ../src/images/ but I think they should be ../images/Tyeah but ../images/ is not working even on my local
TI tried to put folders inside public folder and still
Tidk how can my imports be bad
Tit is just ignoring folder inside folder
Teven though i checked .gitignore and there is nothing
Tit is live on git, but still cloudflare cant process it somehow
QI've been looking at Vite documentation (interesting distraction), I think the issue was that the path strings were not being imported.
In
Without the import, as is the case where those images are missing, the reference to e.g.
If you put images inside
In
src/screens/DonateScreen.jsx for example, paypalLogo is being imported and that reference is being used for the srcsrcWithout the import, as is the case where those images are missing, the reference to e.g.
{BuildersItem.photo} is simply being treated as a string and results in exactly that string being output during the build.If you put images inside
publicpublicpublic/images/BuildersImages/Hyyzounn.png, the string you use in BuildersData.js should be /images/BuildersImages/Hyyzounn.png.QThe part about using
https://vitejs.dev/guide/assets.html#the-public-directory
publichttps://vitejs.dev/guide/assets.html#the-public-directory
