[Bug]: blank screen when you have vanilla javascript about shopify-theme-lab HOT 5 OPEN

I was similarly scratching my head at the same thing this morning and found: laravel-mix/laravel-mix#3112

Essentially, a <script></script> tag inside a Vue app causing the same issue. In my case, I was able to move the in template vanilla JS out of the #app container and things worked fine.

from shopify-theme-lab.

Instead of writing the vanilla <script></script> tag inside the Vue app you should be able to use <component is="script"></component> tag and place your JS Code in there

<div id="app">
  <component is="style">
    ...
  <componet>

  <component is="script">
    ...
  </componet>
</div>

from shopify-theme-lab.

I will try. I also have a problem with shopify app using google map and yotpo royalty app. It provides javascript object however it's javascript object doesn't allow me to call functions in strict mode. Do you have solution to this?

from shopify-theme-lab.

Would really love a fix for this as there are various Shopify apps that inject script tags, for which there's not really a work around.

from shopify-theme-lab.