嵌套资产未加载到 Shopify 开发中

Question

我目前面临以下问题：

我在src/assets/images/img.png 中包含了一些资产（PNG 图像）。在我要显示图像的 sn-p 中，我写了这个（如文档中所定义）：

<img src="{{ '../assets/images/img.png' | asset_url }}"/>

执行slate build 时，我还可以在日志中看到构建过程中显示的这些图像。但是当我启动我的开发服务器 (npm run start:dev) 时，图像的链接已损坏，并且不会显示。关于如何解决此问题的任何想法？

Answer 1

您的链接完全错误。 Liquid 过滤器asset_url 为您解析路径。您需要提供的只是资产的名称。所以如果你正确地重写你的 Liquid，它会是这样的：

{{ 'img.png' | asset_url }}

读作 嘿 Shopify，在资产中找到 img.png 并为我返回它的完整路径。