uicrooks / shopify-foundation-theme

Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS 🎨

Home Page:https://uicrooks.github.io/shopify-theme-lab-docs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Not reloading in Firefox

ryanhilton opened this issue · comments

commented

I have turned off all security protections, (including no adblockers, and have whitelisted the domains, and I'm actually using the Firefox developer edition) but Reloader won't reload, and I get the attached errors. I use Firefox almost exclusively, so I would prefer to get it working there.

ff-trouble

Hi Ryan,

Firefox seems to have some issues with secure and insecure contentions to/from the same domain.

Just tested the following solution in Firefox Developer Edition and it's working for me:

  1. type in about:config in your address bar
  2. go to security.csp.enable and disable it by setting it to false
  3. restart your browser

If you disable CSP you should probably use a different browser for normal web use.

commented

Ah @sergejcodes Thank you! I had tried a few other settings in the about: config, but none worked. I wonder why the csp needs to be turned off in Firefox, but not Chrome for that to work? More strict websockets in Firefox maybe?

I'm new to Shopify theme dev. So Theme Lab (and your projects) have been a tremendous help and time saver for me to see how themes are built, and the modern tool chain you have assembled!

Thanks,

it should now be possible to enable a secure connection in shopify-theme-lab-reloader. There's no need to adjust any browser settings. Simply update shopify-theme-lab-reloader to >= 2.1.2 and refer to this guide

commented

Thank you so much @sergejcodes I really owe ya one!