Hot Reload Not Reflecting CSS Changes in Theme UI Block Extensions

Hello colleagues,

I am currently developing a Theme UI Block Extension; however, I’ve noticed that the hot reload process is giving me some issues. When I save changes to a CSS file, those changes are not being reflected in the extension.


{% render 'super-banners' %}

{% schema %}
{
  "name": "Super Banners",
  "stylesheet": "super-banners.css",
  "target": "section",
  "settings": [
    { "type": "product", "id": "product", "label": "product", "autofill": true },
    { "type": "color", "id": "colour", "label": "Star Colour", "default": "#ff0000" }
  ]
}
{% endschema %}

I can see the reload event in the console, but the updates themselves do not appear.

I’d like to know whether this is something on my end, or if others are also experiencing issues with the hot reload process for Theme Block Extensions.

Thanks!

Did you disable browser cache on your end?

@Benny_Chan Yes