[Shopify CDN]: CSS in production theme is old, works in development and preview

Technical Q&A
, ,
1

I’ve pushed multiple times to the main theme and no luck. Everything else updated except my compiled tailwind styles in the production theme. Hard refresh/renaming the file/changing the urls to the CSS import… I’ve tried everything people have mentioned.

I even updated the CLI, no luck and super confusing. Seems like this issue has happened a few times before and the fix is usually a dev/CS person saying “we fixed it!”. So there’s no fix from my end.

➜  leibal-store-theme git:(main) shopify theme push
?  Select a theme to push to:
✔  leibal-store-theme/main

?  Push theme files to the live theme on leibal-store.myshopify.com?
✔  Yes, confirm changes

╭─ success ──────────────────────────────────────────────────────────────────────────────╮
│                                                                                        │
│  The theme 'leibal-store-theme/main' (#122102775888) was pushed successfully.          │
│                                                                                        │
│  Next steps                                                                            │
│    • View your theme                                                                   │
│    • Customize your theme at the theme editor                                          │
│                                                                                        │
╰────────────────────────────────────────────────────────────────────────────────────────╯

➜  leibal-store-theme git:(main) shopify version
Current Shopify CLI version: 3.60.1
➜  leibal-store-theme git:(main)

Please magically “fix it” if you can! I have a deadline.

2

If you want to fix this issue without waiting for support, just rename the file! That worked lol. So dumb.

3

It looks like this issue is related to the shopify CDN minification, I’m attempting to minify the tailwind css before sending to the client? We’ll see if it works. Otherwise you just need to make a new file, since because it’s being imported from inside another CSS file it’s probably breaking their dep tracking. I should probably just import the stylesheet in the HTML and not inside the CSS?