未在Shopify开发人员中加载嵌套资产

Question

我目前面临以下问题：

我在src/assets/images/img.png中包括了几个资产（PNG图像）。在要显示图像的代码片段中，我编写了此代码（如文档中所定义）：

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

执行slate build时，我还可以在日志中看到在构建过程中显示的那些图像。但是，当我启动开发服务器（npm run start:dev）时，指向该图像的链接断开了，并且无法显示。关于如何解决此问题有任何想法吗？

Answer 1

您的链接建立有误。液体过滤器asset_url为您解析路径。您只需要提供资产名称即可。因此，如果您正确地重写Liquid，它将看起来像这样：

{{ 'img.png' | asset_url }}

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