Npm run dev not reflecting changes

Topic summary

Issue: Live change detection and auto-deploy (“pushed to a draft”) stopped working for a Shopify app theme extension when running the local dev server via npm run dev. Since yesterday, edits to Liquid and JS no longer reflect in the preview or show change logs in the terminal.

Context: Project is configured for a test development store using the Shopify CLI. Historically, saving files triggered immediate feedback in the terminal and updated the extension preview.

Troubleshooting attempted: Reran npm run dev; executed npm run shopify auth logout to re-authenticate; terminated all Shopify-related processes. None restored hot-reload or draft pushes.

Expected behavior: Terminal should list modified files and automatically push updates to a draft version, with the preview reflecting changes.

Status: Unresolved. User seeks guidance on restoring real-time change detection and draft deployment during development.

Summarized with AI on January 2. AI used: gpt-5.

I was able to create my app theme extension, and set up the project and run the command:

npm run dev

where it set up my app locally and was tested on my test development store (done the configurations as needed).

Typically when I did a change in the liquid files or the js files for the extension, I would see the changes reflected in the moment of the change in the terminal where i ran the above command, and it would tell me which files were changed and were ‘pushed to a draft’.

I stopped seeing that yesterday, and none of my new changes were reflected on the preview extension. I tried rerunning

 npm run dev 

and

npm run shopify auth logout

and killing all shopify processes running on my machine.

I’m not sure on what I am doing incorrectly? I would like to see my changes again.

Thanks

1 Like