Вложенные активы не загружаются в Shopify dev

Question

В настоящее время я сталкиваюсь со следующей проблемой:

Я включил несколько ресурсов (изображения PNG) в src/assets/images/img.png. Внутри фрагмента, где я хочу отобразить изображение, я написал это (как определено в документации):

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

При выполнении slate build я также вижу, как эти изображения отображаются в процессе сборки в журнале. Но когда я запускаю свой dev-сервер (npm run start:dev), ссылка на изображение не работает, и она не отображается. Есть мысли о том, как решить эту проблему?

Answer 1

Ваша ссылка построена все неправильно. Жидкостный фильтр asset_url разрешает вам путь. Все, что вам нужно предоставить, это название актива. Так что, если вы правильно перепишите свою жидкость, она будет выглядеть так:

{{ 'img.png' | asset_url }}

Читается как Эй, Shopify, иди найди img.png в активах и верни мне полный путь к нему .