Prod and Dev rendering differently

Unanswered

Devon Rex posted this in #help-forum

Devon RexOP

2023-07-25T13:52:45.000Z

For some reason one of the pages in my applications Taildwind CSS appears to not be applying when I do a Prod Build, but displays properly in Dev mode.
(The image with the padding is displayed correctly in when running next dev)

Issue only occurs on 1 page of the applications, in a server rendered portion.

Any ideas on the issue?

12 Replies

European sprat

2023-07-25T14:12:48.000Z

Are you getting any errors in the console? Maybe something to do with hydration

@European sprat Are you getting any errors in the console? Maybe something to do with hydration

Devon RexOP

2023-07-25T14:15:17.000Z

No console errors in client or server.

Only log that comes up in prod is a metadata warning.

- warn 
metadata.metadataBase is not set for resolving social open graph or twitter images, using "http://localhost:3000". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase
Warning: For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run 'yarn add sharp', and Next.js will use it automatically for Image Optimization.
Read more: https://nextjs.org/docs/messages/sharp-missing-in-production

@Devon Rex For some reason one of the pages in my applications Taildwind CSS appears to not be applying when I do a Prod Build, but displays properly in Dev mode. (The image with the padding is displayed correctly in when running `next dev`) Issue only occurs on 1 page of the applications, in a server rendered portion. Any ideas on the issue?

alfon

2023-07-25T14:41:53.000Z

tried deleting your browser's cache and refetching it?

@alfon tried deleting your browser's cache and refetching it?

Devon RexOP

2023-07-25T14:46:45.000Z

Yup, tried clearing cache, and opening it in different browsers which hadn't opened this page before as well, and even used a different device to run/test it.

None of those had an effect

alfon

2023-07-25T14:49:49.000Z

that sucks

have you tried updating next and tailwind?

@alfon have you tried updating next and tailwind?

Devon RexOP

2023-07-25T15:05:24.000Z

Yeah, they're both on the latest versions

European sprat

2023-07-25T15:14:49.000Z

Try ruling out tailwind by inlining the styles?

@European sprat Try ruling out tailwind by inlining the styles?