I have tried everything I could think of trying to solve my problem but im unable to pls i need help.
Whenever i upload my bolt project to netlify by whichever method it always show the 404 error landing page.I tried the inbuilt bolt deployment method using git and even tried dragging and dropping all the contents inside the dist file but it just doesn’t work.
also i have tried my bolt website does work locally and in bolt preview.
If u need any more files and things to be uploaded from my side i will do it but please help us and Thanks
If some aspect of Bolt doesn’t work, you would need to contact Bolt’s support regarding it:
https://support.bolt.new/external-resources/overview
It’s likely you’re deploying files that are nested in a folder, and/or lack an index.html at the root.
Read this Support Guide:
https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125
Use the Deploy File Browser to check what files you’re deploying.
@nathanmartin thanks for replying…
I have checked with bolt support team and they have said its not an issue on their side. Also i have checked and the index.html file is present with the right code. The Deploy FIle Browser is this:
As far as I know they always say this, even when it provably is.
There is no index.html shown in your screenshot.
There is an index-c6pyuqnk.css and an index-d-5slx32.js but no index.html
Try taking another screenshot.
You can also try running your project locally.
If it’s a static site, and you can’t run it locally, then it won’t run on Netlify either.
@nathanmartin look you can see here clearly that my website does work locally but is uploading wrong files in netlify for a unknown reason.
this is my project file..
@hiraveesh What your project produces with its development command is somewhat irrelevant.
To “compare apples to apples” you need to check/compare the “build output”.
The files you’ve shown on your file system are your “source files”.
Your project has a vite.config.ts file, so you’re using Vite.
So whatever is in the dist folder after a build is likely what your project actually needs to deploy.
Try running npm run build && npm run preview locally.
Check what it outputs to the dist folder.
If you’re trying to ‘Drag & Drop’ the “already built” site to Netlify, then you would deploy only dist.
If you actually want Netlify to “perform the build”, you will need to deploy using another method, see:
https://docs.netlify.com/site-deploys/create-deploys/
this is the output @nathanmartin
but even after these files i am able to run it locally
Now, after running npm run build locally (and without running npm run develop), ‘Drag & Drop’ your dist folder to Netlify.
Then use the Deploy File Browser to confirm what was uploaded.
If you actually upload a structure of:
dist/index.html
dist/assets/index-C6pYUQNK.css
dist/assets/index-D-5slX32.js
Then that’s what you should get on Netlify.
The structure you showed in your last screenshot above is only the files in the assets folder.
