[BUG] Styles not compiling and live reloading not working

[dhruveonmars]

Describe the bug
I followed the instructions to get a new project setup, however packer start didn't upload any files initially so I had to run packer deploy first. When I make changes to theme.liquid or theme.scss they don't sync or reload automatically. To view changes in theme.liquid, I need to reload the page, and changes made in theme.scss can't be seen at all in theme.css.liquid or when I reload the page. Even after running packer deploy, I don't see the style changes I made in theme.scss or on the page.

To Reproduce
Steps to reproduce the behavior:

1. Follow steps from https://hayes0724.github.io/shopify-packer/docs/quick-start to get started.
2. Start making changes to files after running packer start, however styles don't seem to compile and changes in theme.liquid aren't hot-reloaded.

Expected behavior
I would have expected to see changes in .liquid files to automatically reload the browser, and styles to be injected into the page, or at least compiled when reloading the page.

System (please complete the following information):

• OS: macOS 11.3.1
• Node Version: 14.17.0
• NPM Version: 6.14.13
• Browser: Chrome. Safari won't load because of an insecure connection.

Packer (please complete the following information):

• Version: 2.2.0

Theme (please complete the following information):

• Shopify Packer theme: True
• Version: 1.0.13
• Added 'network.reload': 3000, to packer.config.js.

Not sure if I'm not meeting a specific requirement, or something isn't working as they should, but would really appreciate any help or guidance.

[haroldao]

same issue (since today) ... I work on a project for 1 1/2 week now and everything worked well until now... 😖

[haroldao]

I don't know if it's linked ... but my 127.0.0.1 ... doesn't work 'CANNOT GET /'

[haroldao]

#98

[nvilus]

I have the same issue

[GuillermoCasanova]

Just did a fresh install and I have to manually reload the page to see any HTML changes I make liquid and JS files. SCSS/CSS changes are coming through just fine though. Any clue here? Running newest Packer version.

Node: 12.18.0