Skip to content

[Bug]: shopify theme dev hot reload broken #6310

@Martizs

Description

@Martizs

Please confirm that you have:

  • Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
  • Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

Theme

Expected behavior

The development environment should run smoothly. Now it works incredibely ify, some times loads some times doesnt and hot reload is off.

Actual behavior

Hot reload not connecting. Keeps on trying to reconnect, but never does. This results in me needing to refresh the page to see new changes. Sometimes a refresh doesn't even help. Some times when i refresh some way older version of the page gets loaded??!! Its basically chaos.

Image

Verbose output

Details

I dont get any info with verbose for the hot reload problem

Reproduction steps

  1. Do "shopify theme pull" on any theme.
  2. Do "shopify theme dev" on any theme.
  3. Go to the main page.
  4. Reload.
  5. Check the dev tool console.
  6. Confirm that you're starting to get never ending "theme-hot-reload.js:305 [HotReload] Connection closed by the server, attempting to reconnect..." messsages.
  7. Try making some changes in the liquid.
  8. Save.
  9. Confirm the changes are not applied.

Operating System

Ubuntu 24.04.1 LTS

Shopify CLI version (shopify --version)

@shopify/cli/3.84.0 linux-x64 node-v22.16.0

Shell

bash

Node version (run node -v if you're not sure)

v22.16.0

What language and version are you using in your application?

its liquid template

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions