My Publish looks different to my Preview. Why?

For my project, the Preview works how I want it to. If I ‘Open in Browser’ it also looks the same - great.

However, when I Publish my project it shows a very different design.
More specifically, almost all of the code for the stylish design isn’t used so the buttons and inputs are extremely plain.

This makes me believe part of the projects code isn’t getting carried over when it’s Published, but why? What’s the problem?
I’ve tried ‘Fixing with v0’ numerous times, but no success.

Any ideas?


The second screenshot looks like what you get when CSS doesn’t load. Nothing is styled and SVGs are unconstrained so they fill up the whole page

Can you check your browser console and network tab in the production one to see if it’s getting errors loading the assets?

1 Like

Hey Jacob, thanks for replying to me. I responded late I know.

Just feeling bored when issues like these occur. I think about starting fresh but haven’t yet.

Ah sorry I meant the browser console, if you right click → inspect element it’ll open, then change tabs to console and network

I’m suspecting there’s CSS files that aren’t resolving properly

Yo Jacob, my guy,

Finally figured out the solution. I was trying to solve the issue on the wrong chat.

I was trying to fix it on version 24, but it was version 23 where the issue became what it was.

I guess I was just too uninspired to think to do that earlier, however now that the issue is fixed I’m back on the saddle.

Yeehaw🏇