Next.js Discord

Discord Forum

Local build differs from the Vercel build

Unanswered
Capelin posted this in #help-forum
Open in Discord
CapelinOP
On the local build, everything looks good, but in the Vercel build, there is strange behavior with the slider. What could be the problem?

Website(Vercel) - https://s2ue.org/en
Source - https://github.com/PSIget/SonUE-Docs

14 Replies

It looks like a css issue. Have you checked if all the properties are being applied correctly?
@not-milo.tsx It looks like a css issue. Have you checked if all the properties are being applied correctly?
CapelinOP
The problem is clearly not the styles. Locally, everything works well
Yeah, well sometimes your local dev server has some cached or left over bits and pieces that change how your styles are applied. Maybe by removing .next/ and running the server again you would see the same thing on both sides.

Also, check if any errors pop up in the console/server logs cause there might be something you missed.

From the screenshots you shared it looks like your styles are getting messed up somehow.
And running the production build locally shows the same discrepancy?
npm run build && npm run start
@not-milo.tsx `npm run build && npm run start`
CapelinOP
pnpm run lint && pnpm run build && pnpm run start
Yeah, I can't guess what package manager you're using. It was an example :meow_coffee:
Northern Wheatear
Its working perfectly right?
Cool site btw 🙌
@not-milo.tsx Yeah, I can't guess what package manager you're using. It was an example <:meow_coffee:753870956811911219>
CapelinOP
I showed which command I used to build and start :blob_music:
CapelinOP
Today this problem corrected itself :thinq:
Web development ladies and gents! :magic_hands:
Btw, while looking at the website yesterday I saw it was something related to unconstrained image dimensions. Like there was a style attribute being applied to all images that gave them width: 100%; height: auto;