Getting a 404 Not Found when deploying
Answered
Cinnamon posted this in #help-forum
CinnamonOP
Hey all, I'm getting this error when trying to deploy a site on vercel. This is just a simple HTML/CSS/JS + Tailwind website. I'm sure I'm probably missing something very simple, I've just been staring at it for far too long.
Heres the repo - https://github.com/CodepulseDigital/tw_codepulse
Heres the site - https://tw-codepulse.vercel.app/
Heres the repo - https://github.com/CodepulseDigital/tw_codepulse
Heres the site - https://tw-codepulse.vercel.app/
38 Replies
CinnamonOP
This project works perfectly fine locally, I'm only running into issues when deploying to Vercel.
@ᴉuɐpɹɐɐ whats your build log?
CinnamonOP
[15:24:36.812] Running build in Washington, D.C., USA (East) – iad1
[15:24:36.994] Cloning github.com/CodepulseDigital/tw_codepulse (Branch: main, Commit: f730749)
[15:24:43.660] Cloning completed: 6.654s
[15:24:49.995] Restored build cache
[15:24:50.145] Running "vercel build"
[15:24:50.606] Vercel CLI 34.1.8
[15:24:51.215] Running "install" command: `npm install`...
[15:24:52.503]
[15:24:52.503] removed 4 packages, and audited 240 packages in 816ms
[15:24:52.504]
[15:24:52.504] 38 packages are looking for funding
[15:24:52.504] run `npm fund` for details
[15:24:52.504]
[15:24:52.504] found 0 vulnerabilities
[15:24:52.935]
[15:24:52.936] > tw_template@1.0.0 build
[15:24:52.936] > npx tailwindcss build -i src/styles/tailwind.css -o src/styles/tailwind-output.css
[15:24:52.936]
[15:24:53.912]
[15:24:53.912] Rebuilding...
[15:24:54.241]
[15:24:54.241] Done in 384ms.
[15:24:54.282] Build Completed in /vercel/output [3s]
[15:24:54.384] Deploying outputs...
[15:24:57.008]
[15:24:57.252] Deployment completedCinnamonOP
You may shoot me for this. Whats a route?
Ill send a tree
.
├── bs-config.js
├── package-lock.json
├── package.json
├── src
│ ├── assets
│ │ ├── banners
│ │ │ └── home-banner.mp4
│ │ ├── codepulse.jpg
│ │ ├── favicon.ico
│ │ ├── images
│ │ │ ├── a-good-fit.jpg
│ │ │ ├── codepulse-logo.svg
│ │ │ ├── nature-shot.jpg
│ │ │ ├── passionate-people.jpg
│ │ │ ├── project-management.jpg
│ │ │ ├── responsive-design.jpg
│ │ │ ├── standing-out.jpg
│ │ │ ├── team-hire.jpeg
│ │ │ ├── team-jacob-ryan.jpg
│ │ │ ├── team-placeholder.png
│ │ │ └── test-of-time.jpg
│ │ └── videos
│ ├── javascript
│ │ ├── aos-import.js
│ │ ├── cursor.js
│ │ ├── navigation.js
│ │ ├── parallax.js
│ │ ├── staging.js
│ │ └── team.js
│ ├── pages
│ │ ├── about.html
│ │ ├── contact.html
│ │ ├── home.html
│ │ ├── media.html
│ │ └── services.html
│ └── styles
│ ├── cursor.css
│ ├── tailwind-output.css
│ └── tailwind.css
├── tailwind.config.js
└── vercel.jsonlike that?
CinnamonOP
Yeah aha
oops
@ᴉuɐpɹɐɐ oh its a HTML/CSS/JS website
CinnamonOP
is there a different way for sites like this?
what do you mean?
I havent had the chance to deploy a html/css/js website to Vercel so i can't really help sorry ;(
CinnamonOP
Its alright thanks for the help 🙂
Would Vercel be the right way to go with hosting html/css/js websites?
@Cinnamon Would Vercel be the right way to go with hosting html/css/js websites?
hmm, id say its a bit overkill. you could just host it in github pages or cloudflare pages
ive never tried it though
you should be able to do it in vercell too but im not sure how
CinnamonOP
Yeah thats the thing, I've got a few of these type of sites hosted on vercel, but then I rewrote our tailwind base. This is the first project written with the new base
if i showed you the rest of the deployment settings, would you be able to help me make a bit more sense of this? 🙂
well its in the github repo you showed me right?
CinnamonOP
Yeah but theres these output directories, root directories, etc. I may have just written the wrong thing somewhere.
im just grasping at straws at this point 😭
@Cinnamon oops
can you show me more of these?
click the "HTML" tag
click the "HTML" tag
Answer
CinnamonOP
HTML tag?
CinnamonOP
ah
CinnamonOP
AHHHH
this has been stumping me since last week
everything is now amazing again and i love life. thank you so much man