[Theme Development] Shopify CDN/Cache issue?

[DarrenSG]

I am using the ThemeKit to develop a new theme for my client.

Everything was working fine until about 12am, 5th Aug (GMT+8)

Problem Discovered:

I am using the `theme watch` command to monitor any local change to upload to Shopify.

When I update a .liquid file under templates e.g. `templates/index.liquid`
I see the following in console:

```

[theme] 11:21:24 [development] processing templates/index.liquid
[theme] 11:21:24 [development] Updated templates/index.liquid
```

and soon I am able to refresh the store website and see the changes.

But when I change a .js.liquid file under assets, e.g.: `assets/AppProduct.js.liquid`

The console still prints:
```

[theme] 11:14:57 [development] processing assets/AppProduct.js.liquid
[theme] 11:14:58 [development] Updated assets/AppProduct.js.liquid

```
But the changes never show up on the website.

On Shopify's admin panel, checking through the code editor I can see my edits has been deployed to Shopify but just now shown up on the website.

This only happens since about 12 hours ago. Before that don't have this problem.

Not sure if it's something wrong with the Shopify CDN, but the status page reports everything is okay, please advise..

[Parass71]

I am facing the same issue, let me know if you find any solution.

[CKO_Digital]

Same issue, tried using the CLI as well and it seems to be caching the stylesheets for a long period of time.  It's annoying but the only way to develop or make changes to the stylesheets is injecting the styles directly into the head of the document which is super super annoying. Shopify's support has been outsourced and it seems and even on a Plus store, we cannot get a technical person to give us any kind of direction.  Another thread popped up last week with the same issue and they said they have escalated the issue but i'm still having the same problems. I'm not sure when it will be fixed. 

[Parass71]

One more alternate is to rename files frequently which is very annoying too. It should be fixed soon as It has drastically slowed down the development process.

[Parass71]

@CKO_Digital can you share the other thread here ?

[CKO_Digital]

https://community.shopify.com/c/shopify-design/is-something-up-with-shopify-theme-caching/td-p/21585... 

Popped up on the 27th, around the same time I started seeing the issue on my end. 

[CKO_Digital]

Yeah, this does work but my god it's annoying. 

[Parass71]

true, but that's all we have for now. Shopify Should take care of it ASAP. Hoping to see it resolved soon.

[michaeldoxsey]

This is now a known issue affecting all of the .js.liquid and .css.liquid pre-processed files (at a minimum).

Shopify is working on a fix.

[thk116]

I've been having issues since Friday 8-4-23 seeing updates to my asset file .js.liquid. I've found these shopify-cli github repository issues related to it as well
https://github.com/Shopify/cli/issues/2614

https://github.com/Shopify/cli/issues/2613

[Mac · Accepted solution]

Hi there, @DarrenSG @thk116 @michaeldoxsey @Parass71 @CKO_Digital!

Thanks for reaching out in our Community Forums and for sharing your concern.

I'm glad to report that the issue has been resolved, and you can now see the changes to the js.liquid files as expected. If you are still experiencing any issues, please try re-saving any asset files that are not displaying correctly on your storefront.

Thank you for your understanding and cooperation!

[iolo72]

@Mac does this affect the .js files? I just tried but it still doesn't look fixed. None of the changes I saved are showing up. Can anyone else confirm that it's fixed (for .js files if it matters)?

[krsmas]

Im still having this issue, .js files are being uploaded but the file requested from the server by the website never updates

[AlexHooper]

Hey @Mac . Doesn't look like this caching issue has been solved. Our team are running into long cache flushing times when saving liquid files inside an app block. It'll take 3-4 minutes every time we save our file for the Shopify hosted one to update. Any tips or pointers? It really slows down our development speed.

Thanks,

Alex

[thk116]

Simple updates to liquid files, not js.liquid files are not updating for me. I'll go so far as to add a static element just to check if changes are reflecting with no luck. Keeps me running around in circles checking and rechecking my syntax and references because I'm not getting any consistent behavior. Can't develop like this. I'm on 3.50.0 and also had issues on 3.48.1

[TylerMarshall]

How can you call this solution solved? there is no posted answer that I can see?

[iolo72]

@DarrenSG @Parass71 @CKO_Digital  

As a workaround, if you rename your file to something else then revert back to the original, it seems to load the latest saved one. I was having an issue with theme.js not updating on CDN, and when I renamed it to theme2.js then change it back it loaded the latest changes.

[AlexHooper]

Bumping this thread as this is still a recurring issue - slows down our development speed considerably. @Mac please can you assist? This is disappointing support for engineers building on your platform.

[thk116]

Simple updates to liquid files, not js.liquid files are not updating for me. I'll go so far as to add a static element just to check if changes are reflecting with no luck. Keeps me running around in circles checking and rechecking my syntax and references because I'm not getting any consistent behavior. Can't develop like this. I'm on 3.50.0 and also had issues on 3.48.1

[AlexHooper]

Hi all - I spoke to Shopify support about this ongoing problem, and here is there response:

 
"I spoke with the team on this and they are aware that this is a bug and it is on their radar to fix. However there is no definite timeline for when a fix would be rolled out."

Not the answer I'm sure many of you were hoping to hear - I suspect if more of you reach out to their support team they'll escalate this bug ticket in their backlog...