0
342
VistasCómo usar el script CDN con Shopify
Estoy tratando de usar VueJs para desarrollar un tema de Shopify usando Shopify Cli y Store 2.0. Traté de instalar Vue usando un script CDN en mi theme.liquid
<script src="{{ 'vue.global.js' | asset_url }}"></script>Cuando lo uso así, todo funciona bien y Vue Devtools detecta VueJs, pero aparece este error en la verificación del tema.
Missing async or defer attribute on script tagCuando agrego un atributo asíncrono o diferido a mi etiqueta de secuencia de comandos, Devtools ya no detecta VueJs
¿Cómo puedo agregar Vuejs a Shopify sin recibir este error, por favor?
1 Respuestas
Responde la pregunta0
Tiene la opción de ignorar theme.liquid para la comprobación de ParserBlockingJavaScript.
En el archivo de configuración de verificación de su tema ( .theme-check.yml ), busque ParserBlockingJavaScript y agregue el archivo que desea ignorar. En tu caso:
ParserBlockingJavaScript: enabled: true ignore: - layout/theme.liquido puede optar por deshabilitar esa verificación globalmente cambiando habilitado a falso.
Pero otra opción para que solo deshabilites la verificación de ese código específico:
{% comment %}theme-check-disable ParserBlockingJavaScript{% endcomment %} <script src="{{ 'vue.global.js' | asset_url }}"></script> {% comment %}theme-check-enable ParserBlockingJavaScript{% endcomment %}Puede encontrar más información aquí sobre los diferentes controles: https://github.com/Shopify/theme-check